@import"https://fonts.googleapis.com/css2?family=Mountains+of+Christmas&display=swap";body:has(.christmas-container),html:has(.christmas-container){overflow:hidden;background-color:#bac3c3;height:100vh}.christmas-container{width:100%;height:100%;background-color:#bac3c3;position:relative;transform-style:preserve-3d;perspective:1000px;overflow:hidden;touch-action:none}.christmas-container:after{content:"";position:fixed;width:100%;height:100%;top:0;left:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1;-webkit-clip-path:var(--clip-path,polygon(0 0,0 100%,100% 100%,100% 0));clip-path:var(--clip-path,polygon(0 0,0 100%,100% 100%,100% 0))}.christmas-card{position:fixed;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:min(80vw,90vh);height:min(53.3333333333vw,60vh);background:transparent;perspective:1500px;transform-origin:center}.christmas-card-frontside{background:transparent;border-width:10px;border-style:solid;z-index:10}.christmas-card-backside,.christmas-card-frontside{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.christmas-card-backside{background:#bac3c3;transform:rotateX(180deg)}.christmas-card-shadow{position:absolute;width:100%;height:100%;box-shadow:0 48px 100px 0 rgba(17,12,46,.15);z-index:10}.christmas-title{position:fixed;z-index:999;font-family:var(--font-serif);top:6rem;left:50%;transform:translateX(-50%);font-size:2rem;font-weight:300}.christmas-scroll{width:100%;bottom:40px;font-size:.75rem;text-transform:uppercase;color:#4b5d75;letter-spacing:.02em;border-radius:32px;padding:4px 12px;animation:scrollDown 5s cubic-bezier(.5,0,.5,1) infinite}.christmas-scroll,.christmas-share{position:fixed;z-index:999;left:50%;transform:translate(-50%);text-align:center}.christmas-share{bottom:24px;background-color:#dadadd;padding:24px;border-radius:16px;max-width:320px;display:flex;flex-direction:column;gap:16px}@media(max-width:920px){.christmas-share{width:100%;max-width:calc(100vw - 49px);padding:16px}}.christmas-share .button{font-size:.75rem;font-weight:500;text-transform:uppercase;color:var(--black);letter-spacing:.02em;border-radius:32px;border:1px solid #cfd4d5;text-align:center;padding:16px 24px;background:#cfd4d5}.christmas-share p{margin:0}.christmas-sound{position:fixed;z-index:999;top:40px;left:50%;transform:translate(-50%);font-size:.75rem;text-transform:uppercase;color:#4b5d75;letter-spacing:.02em;padding:4px 12px;cursor:pointer;text-align:center}.christmas-sound-on{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;position:absolute;left:-16px;top:0;height:100%}.christmas-sound-on-dot{display:inline-block;width:4px;height:4px;background:#4b5d75;border-radius:4px;transform-origin:center}.christmas-sound-on-dot.animatedOne{animation:animatedDotOne 1s linear infinite}.christmas-sound-on-dot.animatedTwo{animation:animatedDotTwo 1.25s linear infinite}.christmas-sound-on-dot.animatedThree{animation:animatedDotThree .75s linear infinite}.christmas-avatar{position:absolute;bottom:0;z-index:9999;width:120px;height:120px;border-radius:50%;border:5px solid #f8f8f8;box-shadow:0 48px 100px 0 rgba(17,12,46,.15)}.christmas-avatar img{border-radius:50%}.christmas-avatar:after{content:"";position:absolute;left:calc(50% - 20px);bottom:-20px;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #f8f8f8;clear:both}.christmas-ribbon{position:absolute;z-index:9999;top:0;left:0;width:100vw;display:flex;align-items:center;justify-content:center}.christmas-ribbon-text{position:relative;transform:translateX(-50%);z-index:9999;box-shadow:0 48px 100px 0 rgba(17,12,46,.15)}.christmas-ribbon.active .christmas-ribbon-text:after,.christmas-ribbon.active .christmas-ribbon-text:before{height:70px}.christmas-ribbon-text:after,.christmas-ribbon-text:before{content:"";position:absolute;width:1px;transition:all .25s linear;transform:translateX(-50%)}.christmas-ribbon-text:after{left:calc(50% - 2px);height:0;background:#565656;top:-70px;z-index:9999}.christmas-ribbon-text:before{left:50%;width:4px;height:0;border-color:#989898 #989898 #565656 transparent;border-style:solid;border-width:1px;border-radius:24px;z-index:9998;top:-63px}.christmas-ribbon-text .content{display:inline-block;font-size:1.25rem;color:#383d5f;margin:0;letter-spacing:-.02em;background:#f8f8f8;border-top:10px solid #c2272d;max-width:350px;-webkit-mask-image:radial-gradient(circle 4px at calc(50% + 2px) 10px,transparent 4px,#000 0);mask-image:radial-gradient(circle 4px at calc(50% + 2px) 10px,transparent 4px,#000 0);padding:16px;z-index:9998}@media(max-width:920px){.christmas-ribbon-text .content{width:100%;max-width:calc(100vw - 24px)}}.christmas-ribbon-text .content .headline{font-family:Mountains of Christmas,serif;font-size:2rem;color:#4b4a49}.christmas-ribbon-text .content img{display:block;transform:rotate(-10deg);float:right;margin:16px 0}.christmas-ribbon-text .content .regular{display:inline-block;padding-top:12px;font-weight:400;font-size:.9rem;line-height:125%;color:#323232}.christmas-ribbon-text .content .regular.italics{font-style:italic}.christmas-ribbon-text .content .signature{font-family:Mountains of Christmas,serif;font-size:1.5rem;color:#4b4a49;line-height:1;display:block;margin-top:8px}.christmas-ribbon-text .content a{display:inline-block;font-size:1rem;background:var(--black);color:var(--white);border-radius:24px;padding:12px 16px;margin-top:16px}@keyframes animatedDotOne{0%{transform:none}33%{transform:translateY(-2px);height:6px}66%{transform:translateY(-1px);height:3px}to{transform:none;height:4px}}@keyframes animatedDotTwo{0%{transform:none;height:4px}33%{transform:translateY(-1.5px);height:8px}66%{transform:translateY(.5px);height:6px}to{transform:none;height:4px}}@keyframes animatedDotThree{0%{transform:none;height:4px}33%{transform:translateY(-2.5px);height:2px}66%{transform:translateY(-.5px);height:6px}to{transform:none;height:4px}}@keyframes scrollDown{0%{transform:translate(-50%)}5%{transform:translate(-50%)}55%{transform:translate(-50%,10px);background:hsla(0,0%,100%,.01);color:#b5bfcb}95%{transform:translate(-50%)}to{transform:translate(-50%)}}@media(max-width:768px){.christmas-card{width:min(90vw,105vh);height:min(60vw,70vh)}}@keyframes flip3d{0%{transform:perspective(1000px) rotateY(0deg)}to{transform:perspective(1000px) rotateY(180deg)}}