.gm{--gm-t:3.2s;--gm-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.3 0 0 0 0 0.24 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");--gm-paper:#f6f1e8;--gm-paper-low:#eee7da;width:min(304px,100%);position:relative}.gm-env{aspect-ratio:304/196;perspective:1100px;animation:gm-env var(--gm-t) both;position:relative}@keyframes gm-env{0%{transform:translateY(95%)}73.4%{animation-timing-function:cubic-bezier(.32,.72,0,1);transform:translateY(95%)}to{transform:none}}@keyframes gm-paper{0%{opacity:0;transform:translateY(12px)}7.8%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1);transform:translateY(12px)}25%,to{opacity:1;transform:none}}.gm{--gm-lining:var(--gm-grain), linear-gradient(180deg, #e2d9ca, #e9e1d4)}.gm-inside{z-index:0;background:var(--gm-lining);animation:gm-paper var(--gm-t) both;border-radius:3px;position:absolute;inset:0 1px 1px;box-shadow:0 1px 2px #141c1614,0 10px 22px -12px #141c1647,0 30px 46px -30px #141c1652}.gm-card{z-index:2;animation:gm-card var(--gm-t) both;justify-content:center;display:flex;position:absolute;top:5%;left:4%;right:4%}@keyframes gm-card{0%{transform:translateY(-105.7%)}25%{animation-timing-function:cubic-bezier(.77,0,.175,1);transform:translateY(-105.7%)}53.1%,to{transform:none}}.gm-back{z-index:3;background:var(--gm-grain), linear-gradient(180deg, var(--gm-paper), var(--gm-paper-low));clip-path:polygon(0 0,3% 0,3% 17%,97% 17%,97% 0,100% 0,100% 100%,0 100%);animation:gm-paper var(--gm-t) both;border-radius:3px;position:absolute;inset:0}.gm-back:before{content:"";background:#ffffffd9;height:1px;position:absolute;top:17%;left:3%;right:3%}.gm-throat{z-index:3;height:7px;animation:gm-paper var(--gm-t) both;background:linear-gradient(#0a140e00,#0a140e2e);position:absolute;top:calc(17% - 7px);left:3%;right:3%}.gm-flap{z-index:5;transform-origin:50% 0;height:40%;animation:gm-flap var(--gm-t) both;position:absolute;top:0;left:0;right:0}@keyframes gm-flap{0%{opacity:0;transform:rotateX(180deg)}54.6%{opacity:0;transform:rotateX(180deg)}54.7%{opacity:1;animation-timing-function:cubic-bezier(.77,0,.175,1);transform:rotateX(180deg)}75%,to{opacity:1;transform:rotateX(0)}}.gm-flap-behind{z-index:1;opacity:0;animation-name:gm-flap-behind}@keyframes gm-flap-behind{0%{opacity:0;transform:translateY(12px)rotateX(180deg)}7.8%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1);transform:translateY(12px)rotateX(180deg)}25%{opacity:1;transform:translateY(0)rotateX(180deg)}54.7%{opacity:1;transform:translateY(0)rotateX(180deg)}54.8%,to{opacity:0;transform:translateY(0)rotateX(180deg)}}.gm-flap-in,.gm-flap-out{clip-path:polygon(0 0,100% 0,96.5% 100%,3.5% 100%);border-radius:3px 3px 0 0;position:absolute;inset:0}.gm-flap-in{opacity:0;background:var(--gm-lining);animation:gm-face-in var(--gm-t) both}.gm-flap-out{background:var(--gm-grain), linear-gradient(180deg, #f3eee5, #faf7f1);animation:gm-face-out var(--gm-t) both;place-items:end center;padding-bottom:9%;display:grid}@keyframes gm-face-in{0%,64.8%{opacity:1}64.9%,to{opacity:0}}@keyframes gm-face-out{0%,64.8%{opacity:0}64.9%,to{opacity:1}}.gm-mono{width:11%;display:block}.gm-flap-shade{z-index:4;height:6px;animation:gm-shade var(--gm-t) both;background:linear-gradient(#0a140e21,#0a140e00);position:absolute;top:40%;left:3.5%;right:3.5%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000);mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000)}@keyframes gm-shade{0%{opacity:0}70.3%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}76.6%,to{opacity:1}}.gm-still,.gm-still *{animation:none!important}@keyframes gm-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.gm{animation:.3s cubic-bezier(.23,1,.32,1) both gm-fade}.gm *{animation:none!important}}