{"version":3,"sourceRoot":"","sources":["../../../src/client/styles/message.scss"],"names":[],"mappings":"AAAA,MACE,+DACA,gCACA,uCACA,sBAGF,2BACE,GACE,UACA,4BAGF,KACE,UACA,yBAIJ,4BACE,GACE,UACA,wBAGF,KACE,UACA,6BAIJ,mBACE,eACA,mCACA,WAEA,aACA,iBACA,uBACA,mBAEA,kBAGF,cACE,qBAEA,iBACA,kBAEA,0BACA,uBACA,yCAEA,eAEA,sBACE,wFAIF,uBACE,yFAEA,6BAGF,kBACE,kBACA,gBACA","file":"message.css","sourcesContent":[":root {\n  --message-offset: calc(var(--vp-header-offset, 3.6rem) + 1rem);\n  --message-timing-duration: 0.3s;\n  --message-timing-function: ease-in-out;\n  --message-gap: 0.5rem;\n}\n\n@keyframes message-move-in {\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes message-move-out {\n  0% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  100% {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n}\n\n#message-container {\n  position: fixed;\n  inset: var(--message-offset) 0 auto;\n  z-index: 75;\n\n  display: flex;\n  flex-flow: column;\n  gap: var(--message-gap);\n  align-items: center;\n\n  text-align: center;\n}\n\n.message-item {\n  display: inline-block;\n\n  padding: 8px 10px;\n  border-radius: 3px;\n\n  background: var(--vp-c-bg);\n  color: var(--vp-c-text);\n  box-shadow: 0 0 10px 0 var(--vp-c-shadow);\n\n  font-size: 14px;\n\n  &.move-in {\n    animation: message-move-in var(--message-timing-duration)\n      var(--message-timing-function);\n  }\n\n  &.move-out {\n    animation: message-move-out var(--message-timing-duration)\n      var(--message-timing-function);\n    animation-fill-mode: forwards;\n  }\n\n  svg {\n    position: relative;\n    bottom: -0.125em;\n    margin-inline-end: 5px;\n  }\n}\n"]}