.gc-wrap{--gcap-size:calc(var(--gc-size) - 8px)}.gc-ring{pointer-events:none;width:calc(100% + 8px);height:calc(100% + 8px);position:absolute;inset:-4px;overflow:visible;rotate:-90deg}.gc-ring circle{fill:none;stroke:var(--border);stroke-width:5px;transition:stroke .3s}.gc-ring circle.is-lit{stroke:var(--accent);animation:gc-seg .42s var(--snap)}@keyframes gc-seg{0%{stroke-width:11px}}.gc-ghost{border:2px dashed color-mix(in srgb, var(--text-2) 35%, transparent);background:color-mix(in srgb, var(--surface-2) 70%, transparent);border-radius:50%;position:absolute;inset:5px}.gc-ghost:after{content:"";background:color-mix(in srgb, var(--text-2) 25%, transparent);height:2px;margin-top:-1px;position:absolute;top:50%;left:0;right:0}.gc-wait{z-index:1;cursor:help;-webkit-tap-highlight-color:transparent;border-radius:50%;position:absolute;inset:-4px}.gc-wait:focus-visible{outline:3px solid var(--text);outline-offset:3px}.gc-cap{z-index:2;display:block;position:absolute;inset:4px}.gc-ball-ready{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;padding:0}.gc-ball-ready:focus-visible{outline:3px solid var(--text);outline-offset:3px}.gc-slot[data-phase=entering] .gc-ghost{animation:.16s .38s both gc-gone}.gc-slot[data-phase=entering] .gc-ring{animation:gc-spin-ring 1.05s var(--fall) both}@keyframes gc-spin-ring{0%{rotate:-90deg;scale:1}70%{opacity:1}to{opacity:0;rotate:810deg;scale:.2}}.gc-cap-enter{animation:gc-spin-cap .6s .88s var(--pop) both}@keyframes gc-spin-cap{0%{rotate:-540deg;scale:0}to{rotate:0deg;scale:1}}@keyframes gc-gone{to{opacity:0;visibility:hidden}}.gc-wrap[data-spot] .gc-cap-enter{animation:1ms 2.35s both gc-land}@keyframes gc-land{0%{opacity:0}}.gc-opened{animation:gc-spin-open .52s var(--ease) both}@keyframes gc-spin-open{to{rotate:360deg}}.gc-opened .gcap[data-open] :is(.gcap-top,.gcap-bot){animation-delay:.22s}.gc-spot{z-index:1000;pointer-events:none;position:fixed;inset:0}.gc-spot>*{display:block;position:absolute}.gc-spot-dim{background:#040408bd;animation:2.4s both gc-spot-dim;inset:0}@keyframes gc-spot-dim{0%{opacity:0}10%,78%{opacity:1}to{opacity:0}}.gc-spot-cap{left:calc(var(--gc-spot-x) - var(--gc-spot-size) / 2);top:calc(var(--gc-spot-y) - var(--gc-spot-size) / 2);width:var(--gc-spot-size);height:var(--gc-spot-size);--gcap-size:var(--gc-spot-size);animation:2.4s both gc-spot}@keyframes gc-spot{0%{animation-timing-function:cubic-bezier(.2,.9,.3,1.2);translate:0;rotate:-540deg;scale:0}30%{rotate:0deg;scale:1}74%{animation-timing-function:cubic-bezier(.4,0,.2,1);translate:0;scale:1}98%{translate:var(--gc-spot-dx) var(--gc-spot-dy);scale:var(--gc-spot-end);opacity:1}to{translate:var(--gc-spot-dx) var(--gc-spot-dy);scale:var(--gc-spot-end);opacity:0}}.gc-spot-stamp{left:50%;top:calc(var(--gc-spot-y) + var(--gc-spot-size) / 2 + 22px);white-space:nowrap;background:var(--accent);color:var(--paper-ink);border:3px solid var(--paper-ink);font:700 20px/1 var(--font-display);text-transform:uppercase;box-shadow:-3px 0 0 var(--glitch-r), 3px 0 0 var(--glitch-b);border-radius:9px;padding:7px 12px 8px;animation:2.4s both gc-spot-stamp;translate:-50%;rotate:-4deg}@keyframes gc-spot-stamp{0%,26%{opacity:0;scale:2.4}34%{opacity:1;scale:.92}40%,70%{opacity:1;scale:1}78%,to{opacity:0;scale:.8}}.gcap{--t:#ff6b2c;--t2:#48f;--u:calc(var(--gcap-size,76px) / 76);--shade:1;--spec:1;--seam:var(--paper-ink);width:var(--gcap-size,76px);height:var(--gcap-size,76px);flex:none;display:block;position:relative}.gcap-body{filter:drop-shadow(0 calc(3 * var(--u)) calc(4 * var(--u)) #00000059);display:block;position:absolute;inset:0}.gcap-half{height:50%;display:block;position:absolute;left:0;right:0;overflow:hidden}.gcap-top{transform-origin:4% 100%;border-radius:999px 999px 0 0;top:0}.gcap-bot{border-radius:0 0 999px 999px;bottom:0}.gcap-half>i{pointer-events:none;border-radius:50%;width:100%;height:200%;display:block;position:absolute;left:0}.gcap-top>i{top:0}.gcap-bot>i{top:-100%}.gcap-fx>b{display:block;position:absolute}.gcap-shade{opacity:var(--shade);background:radial-gradient(circle at 72% 84%,#ffffff38,#0000 26%),radial-gradient(circle at 36% 30%,#0000 46%,#0003 82%,#0000006b 100%)}.gcap-spec{opacity:var(--spec);background:radial-gradient(24% 15% at 33% 20%,#ffffffe6,#fff0 72%),radial-gradient(circle at 46% 12%,#fff 0 2%,#0000 2.8%)}.gcap-sweep{opacity:0;background:linear-gradient(105deg,#0000 38%,#ffffffbf 48%,#0000 58%) 100% 0/300% 100%}.gcap-seam{height:calc(3.4 * var(--u));margin-top:calc(-1.7 * var(--u));background:var(--seam);box-shadow:0 calc(1 * var(--u)) 0 #ffffff47;clip-path:inset(0 round 2px);display:block;position:absolute;top:50%;left:0;right:0}.gcap-label{z-index:3;padding:calc(4 * var(--u)) calc(6.5 * var(--u)) calc(3 * var(--u)) calc(8 * var(--u));border-radius:calc(5 * var(--u));background:linear-gradient(176deg, #fff, var(--paper) 50%, #ece7da);color:var(--paper-ink);border:calc(1.5 * var(--u)) solid var(--paper-ink);box-shadow:calc(-2 * var(--u)) 0 0 var(--glitch-r), calc(2 * var(--u)) 0 0 var(--glitch-b), 0 calc(3 * var(--u)) calc(4 * var(--u)) #0000004d;font:700 calc(12 * var(--u))/1 var(--font-display);letter-spacing:.12em;white-space:nowrap;transform-origin:18% 60%;display:grid;position:absolute;top:53%;left:50%;translate:-50% -50%;rotate:-9deg}.gcap-label>span{text-align:center;grid-area:1/1}.gcap-label>span+span{opacity:0}.gcap-label:after{content:"";right:calc(-1.5 * var(--u));top:calc(-1.5 * var(--u));width:calc(7 * var(--u));height:calc(7 * var(--u));border-radius:0 calc(4 * var(--u)) 0 calc(2 * var(--u));background:linear-gradient(225deg, var(--accent) 0 46%, #d6d0c2 50%, #f2eee4);transform-origin:0 100%;position:absolute}.gcap[data-move=rattle]{animation:.9s ease-in-out gcap-rattle}@keyframes gcap-rattle{0%,to{translate:0;rotate:0deg}10%{translate:-1%;rotate:-9deg}22%{translate:1% -1%;rotate:8deg}34%{rotate:-7deg}46%{translate:0;rotate:6deg}58%{rotate:-3deg}70%{rotate:1deg}}.gcap[data-move=hop]{transform-origin:50% 100%;animation:.9s gcap-hop}@keyframes gcap-hop{0%{scale:1}16%{animation-timing-function:cubic-bezier(.29,.49,.04,1);scale:1.14 .86}46%{animation-timing-function:cubic-bezier(.5,0,1,1);translate:0 -26%;scale:.94 1.08}72%{translate:0;scale:1.12 .88}86%{scale:.97 1.03}to{translate:0;scale:1}}.gcap[data-move=spin]{animation:gcap-spin 1s var(--ease)}@keyframes gcap-spin{0%{rotate:0deg}70%{rotate:380deg}85%{rotate:354deg}to{rotate:360deg}}.gcap[data-move=peel] .gcap-label{animation:gcap-peel 1s var(--settle)}.gcap[data-move=peel] .gcap-label:after{animation:1s gcap-curl}.gcap[data-move=peel]{animation:1s gcap-slap}@keyframes gcap-peel{0%,to{translate:-50% -50%;rotate:-9deg}35%,55%{translate:-48% -66%;rotate:-22deg;scale:1.04}70%{translate:-50% -48%;rotate:-6deg;scale:.98}82%{rotate:-10deg}}@keyframes gcap-curl{0%,to{scale:1}35%,55%{scale:2.2}70%{scale:1}}@keyframes gcap-slap{0%,64%,to{scale:1}70%{scale:1.06 .94}80%{scale:.98 1.02}}.gcap[data-move=shine] .gcap-sweep{animation:.9s ease-in-out gcap-sweep}.gcap[data-move=shine]{animation:.9s ease-in-out gcap-swell}@keyframes gcap-sweep{0%{opacity:1;background-position:100% 0}to{opacity:1;background-position:0 0}}@keyframes gcap-swell{50%{scale:1.05}}.gcap[data-move=wobble]{transform-origin:50% 88%;animation:1s ease-in-out gcap-wobble}@keyframes gcap-wobble{0%,to{scale:1}14%{scale:1.18 .84}30%{scale:.88 1.14}46%{scale:1.08 .94}62%{scale:.97 1.03}78%{scale:1.01 .99}}.gcap[data-move=peek] .gcap-top{animation:gcap-peek 1s var(--settle)}.gcap[data-move=peek] .gcap-bot:after{content:"";background:radial-gradient(at 50% 0,#fff8d6,#0000 70%);border-radius:50%;height:40%;animation:1s gcap-glow;position:absolute;inset:0 8% auto}@keyframes gcap-peek{0%,to{rotate:0deg}20%,62%{translate:0 -3%;rotate:-20deg}70%{translate:0;rotate:2deg}80%{rotate:-1deg}}@keyframes gcap-glow{0%,to{opacity:0}20%,62%{opacity:1}70%{opacity:0}}.gcap[data-move=wink] .gcap-label{animation:1.1s ease-in-out gcap-wink}.gcap[data-move=wink] .gcap-label>span:first-child{animation:1.1s step-end gcap-front}.gcap[data-move=wink] .gcap-label>span+span{animation:1.1s step-end gcap-back}@keyframes gcap-wink{0%,to{scale:1}15%{scale:1 0}30%,70%{scale:1.08 1}85%{scale:1 0}}@keyframes gcap-front{0%{opacity:1}15%{opacity:0}85%{opacity:1}}@keyframes gcap-back{0%{opacity:0}15%{opacity:1}85%{opacity:0}}.gcap[data-move=lucky]{animation:1.1s gcap-lucky}.gcap[data-move=lucky] .gcap-sweep{background-image:linear-gradient(105deg,#0000 38%,#ffdc6ee6 48%,#0000 58%);animation:.8s ease-in-out .15s both gcap-sweep}@keyframes gcap-lucky{0%,to{translate:0;scale:1}20%{scale:1.1 .9}42%{translate:0 -20%;scale:1.06}66%{translate:0;scale:1.08 .94}80%{scale:1}}.gcap-lucky{z-index:4;pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.gcap-lucky b{width:0;height:0;rotate:var(--a);position:absolute;top:0;left:0}.gcap-lucky b:before{content:"";width:calc(11 * var(--u));height:calc(11 * var(--u));margin:calc(-5.5 * var(--u));clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);animation:gcap-burst .9s calc(var(--k) * 30ms) var(--settle) both;background:#ffd36a;position:absolute}@keyframes gcap-burst{0%{translate:calc(20 * var(--u)) 0;opacity:1;rotate:0deg;scale:.2}70%{opacity:1}to{translate:calc(58 * var(--u)) 0;opacity:0;rotate:90deg;scale:1}}.gcap[data-finish=candy] .gcap-paint{background:linear-gradient(to bottom, color-mix(in srgb, var(--t) 62%, #fff) 0%, var(--t) 26%, color-mix(in srgb, var(--t) 72%, #000) 49.5%, #fffefb 50.5%, #f1eef4 74%, #d9d4e0 100%)}.gcap[data-finish=candy] .gcap-spec{background:radial-gradient(26% 15% at 33% 20%,#fff,#fff0 72%),radial-gradient(circle at 47% 11%,#fff 0 2.4%,#0000 3.2%),radial-gradient(30% 6% at 50% 46%,#ffffff59,#0000 70%)}.gcap[data-finish=matte]{--spec:.22;--shade:.8;--seam:color-mix(in srgb, var(--t) 45%, #000)}.gcap[data-finish=matte] .gcap-paint{background:radial-gradient(circle at 30% 26%, #ffffff38, transparent 55%), repeating-radial-gradient(circle at 37% 41%, #ffffff0f 0 .5px, transparent .5px 2px), linear-gradient(to bottom, var(--t) 50%, color-mix(in srgb, var(--t) 24%, #f7f4ee) 50%)}.gcap[data-finish=matte] .gcap-spec{background:radial-gradient(40% 28% at 34% 22%,#ffffffe6,#0000 75%)}.gcap[data-finish=clear]{--seam:color-mix(in srgb, var(--t) 55%, #000)}.gcap[data-finish=clear] .gcap-paint{background:radial-gradient(circle at 50% 50%, #ffffff08 55%, #ffffff42 82%, #ffffff80 100%), linear-gradient(to bottom, #aabedc24 50%, var(--t) 50%)}.gcap[data-finish=clear] .gcap-top .gcap-shade{opacity:.35}.gcap[data-finish=clear] .gcap-spec{background:linear-gradient(118deg,#0000 18%,#ffffffb3 19% 23%,#0000 24% 27%,#ffffff73 28%,#0000 30%),radial-gradient(circle at 70% 18%,#fffc 0 2%,#0000 3%);-webkit-mask:radial-gradient(circle,#000 0 48%,#0000 50%);mask:radial-gradient(circle,#000 0 48%,#0000 50%)}.gcap-slip{background:linear-gradient(160deg, #fff, var(--paper) 60%, #ddd7c8);width:30%;height:24%;color:var(--paper-ink);font:700 calc(13 * var(--u))/1 var(--font-display);box-shadow:calc(1 * var(--u)) calc(2 * var(--u)) 0 #00000040;border-radius:6%;place-items:center;animation:2.6s ease-in-out infinite gcap-slip;top:13%;left:24%;rotate:-14deg;display:grid!important}@keyframes gcap-slip{50%{translate:3% -2%;rotate:-4deg}}.gcap[data-finish=jelly]{--seam:color-mix(in srgb, var(--t) 55%, #fff);--shade:.7}.gcap[data-finish=jelly] .gcap-paint{opacity:.94;background:radial-gradient(circle at 54% 64%, color-mix(in srgb, var(--t) 40%, #fff) 0%, var(--t) 46%, color-mix(in srgb, var(--t) 62%, #000) 100%), var(--t)}.gcap[data-finish=jelly] .gcap-bot .gcap-paint{filter:brightness(1.12)saturate(.9)}.gcap[data-finish=jelly] .gcap-fx b{left:calc(22% + var(--k) * 13%);width:calc((3 + var(--z) * 1.6) * var(--u));aspect-ratio:1;animation:gcap-bubble calc(2.4s + var(--k) * .5s) calc(var(--k) * -.7s) ease-in infinite;background:radial-gradient(circle at 35% 35%,#ffffffe6,#ffffff40 60%,#0000 70%);border-radius:50%;top:80%}@keyframes gcap-bubble{0%{opacity:0;translate:0}15%{opacity:1}90%{opacity:1}to{translate:2px calc(-62 * var(--u));opacity:0}}.gcap[data-finish=pearl]{--seam:#d8cfe0}.gcap[data-finish=pearl] .gcap-paint{background:linear-gradient(to bottom, color-mix(in srgb, var(--t) 40%, transparent) 50%, transparent 50%), conic-gradient(from 210deg at 46% 42%, #fde4f2, #dcf5ee, #e7e0fd, #fff3d6, #dff0ff, #fde4f2)}.gcap[data-finish=pearl] .gcap-fx{background:linear-gradient(115deg,#0000 30%,#ffffff8c 44%,#ffdcf566 50%,#0000 62%) 0 0/260% 100%;animation:4.4s ease-in-out infinite alternate gcap-sheen}@keyframes gcap-sheen{0%{background-position:100% 0}to{background-position:0 0}}.gcap[data-finish=chrome]{--seam:#1b1b22}.gcap[data-finish=chrome] .gcap-paint{background:linear-gradient(to bottom, #fff 0%, color-mix(in srgb, var(--t) 28%, #fff) 14%, var(--t) 34%, color-mix(in srgb, var(--t) 45%, #000) 47%, #15151b 49.5%, #2a2c33 50.5%, #8b909c 58%, #f1f3f7 72%, #b4b9c4 86%, #6c717d 100%)}.gcap[data-finish=chrome] .gcap-fx{background:linear-gradient(100deg,#0000 40%,#ffffffd9 47%,#0000 54%) 0 0/320% 100%;animation:3.6s ease-in-out infinite gcap-glint}@keyframes gcap-glint{0%,55%{background-position:100% 0}85%,to{background-position:0 0}}.gcap[data-finish=lava]{--seam:color-mix(in srgb, var(--t) 40%, #000);--spec:.8}.gcap[data-finish=lava] .gcap-paint{background:linear-gradient(to bottom, color-mix(in srgb, var(--t2) 55%, #000) 0%, color-mix(in srgb, var(--t2) 70%, #fff) 49.5%, color-mix(in srgb, var(--t) 55%, #000) 50.5%, color-mix(in srgb, var(--t) 30%, #000) 100%)}.gcap[data-finish=lava] .gcap-fx{filter:blur(calc(.6 * var(--u)))}.gcap[data-finish=lava] .gcap-fx b{left:calc(16% + var(--k) * 17%);width:calc((12 + var(--z) * 3) * var(--u));aspect-ratio:1;background:radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--t) 50%, #fff), var(--t) 70%);animation:gcap-lava calc(3.2s + var(--k) * .9s) calc(var(--k) * -1.3s) ease-in-out infinite alternate;border-radius:46% 54% 50% 50%;top:28%}@keyframes gcap-lava{0%{translate:0;scale:1}50%{scale:.82 1.18}to{translate:calc(2 * var(--u)) calc(-12 * var(--u));scale:1.1 .9}}.gcap[data-finish=holo]{--seam:#9aa0b4}.gcap[data-finish=holo] .gcap-paint{background:linear-gradient(to bottom, color-mix(in srgb, var(--t) 30%, transparent) 50%, #dce1eeb3 50%), linear-gradient(125deg, #ff9ad5, #ffe08a, #9dffcb, #8ad8ff, #c79bff, #ff9ad5, #ffe08a);background-size:100% 100%,300% 300%;animation:5s linear infinite gcap-holo}@keyframes gcap-holo{0%{background-position:0 0,0%}to{background-position:0 0,100%}}.gcap[data-finish=glitter]{--seam:color-mix(in srgb, var(--t) 50%, #000)}.gcap[data-finish=glitter] .gcap-paint{background:radial-gradient(circle, #fffffff2 0 .7px, transparent 1.1px) 0 0 / 5px 5px, radial-gradient(circle, color-mix(in srgb, var(--t2) 60%, #fff) 0 .6px, transparent 1px) 2px 3px / 7px 6px, linear-gradient(to bottom, var(--t) 50%, color-mix(in srgb, var(--t) 14%, #fbfaff) 50%)}.gcap[data-finish=glitter] .gcap-fx b{width:calc(9 * var(--u));height:calc(9 * var(--u));clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);animation:gcap-twinkle 2.2s calc(var(--k) * -.37s) ease-in-out infinite;background:#fff}.gcap[data-finish=glitter] .gcap-fx b:first-child{top:14%;left:22%}.gcap[data-finish=glitter] .gcap-fx b:nth-child(2){top:22%;left:66%}.gcap[data-finish=glitter] .gcap-fx b:nth-child(3){top:30%;left:44%}.gcap[data-finish=glitter] .gcap-fx b:nth-child(4){top:66%;left:18%}.gcap[data-finish=glitter] .gcap-fx b:nth-child(5){top:70%;left:72%}.gcap[data-finish=glitter] .gcap-fx b:nth-child(6){top:82%;left:48%}@keyframes gcap-twinkle{0%,60%,to{rotate:0deg;scale:0}75%{rotate:45deg;scale:1.1}88%{scale:.4}}.gcap[data-finish=neon]{--seam:var(--t);--spec:.45}.gcap[data-finish=neon] .gcap-paint{background:radial-gradient(circle at 42% 36%,#2b2b3a,#101018 62%,#07070b)}.gcap[data-finish=neon] .gcap-fx{box-shadow:inset 0 0 0 calc(2.4 * var(--u)) var(--t), inset 0 0 calc(10 * var(--u)) color-mix(in srgb, var(--t) 70%, transparent);animation:4s step-end infinite gcap-flicker}.gcap[data-finish=neon] .gcap-body{filter:drop-shadow(0 0 calc(6 * var(--u)) color-mix(in srgb, var(--t) 70%, transparent))}.gcap[data-finish=neon] .gcap-seam{box-shadow:0 0 calc(6 * var(--u)) var(--t);animation:4s step-end infinite gcap-flicker}@keyframes gcap-flicker{0%,61%,66%,to{opacity:1}62%{opacity:.25}64%{opacity:.8}65%{opacity:.3}}.gcap[data-finish=frost]{--seam:color-mix(in srgb, var(--t) 50%, #fff);--spec:.7}.gcap[data-finish=frost] .gcap-paint{background:repeating-conic-gradient(from 8deg at 28% 30%, #ffffff38 0 4deg, transparent 4deg 15deg), repeating-conic-gradient(from 0deg at 76% 72%, #ffffff2e 0 3deg, transparent 3deg 13deg), linear-gradient(to bottom, color-mix(in srgb, var(--t) 55%, #eaf6ff) 50%, #f3f8fc 50%)}.gcap[data-finish=frost] .gcap-fx{opacity:0;background:radial-gradient(circle at 50% 55%,#ffffffd9,#fff6 50%,#0000 72%);animation:5.2s ease-in-out infinite gcap-fog}@keyframes gcap-fog{0%,50%,to{opacity:0}62%{opacity:.9}80%{opacity:.5}}.gcap[data-finish=marble]{--seam:color-mix(in srgb, var(--t) 60%, #000);--spec:.75}.gcap[data-finish=marble] .gcap-paint{background:linear-gradient(to bottom, color-mix(in srgb, var(--t) 22%, #f8f5f0) 50%, #f6f3ee 50%)}.gcap[data-finish=marble] .gcap-fx{background:repeating-radial-gradient(circle at 18% 82%, transparent 0 calc(9 * var(--u)), color-mix(in srgb, var(--t) 70%, transparent) calc(9.6 * var(--u)) calc(10.6 * var(--u)), transparent calc(11.4 * var(--u)) calc(19 * var(--u))), repeating-radial-gradient(circle at 88% 8%, transparent 0 calc(13 * var(--u)), color-mix(in srgb, var(--t2) 55%, transparent) calc(13.5 * var(--u)) calc(14.2 * var(--u)), transparent calc(15 * var(--u)) calc(24 * var(--u)));filter:blur(calc(.5 * var(--u)));animation:40s linear infinite gcap-turn}@keyframes gcap-turn{to{rotate:360deg}}.gcap[data-finish=glaze]{--seam:color-mix(in srgb, var(--t) 70%, #000);--spec:.9}.gcap[data-finish=glaze] .gcap-paint{background:linear-gradient(60deg, transparent 47%, #fff 47% 53%, transparent 53%) 18% 18% / 12% 8% no-repeat, linear-gradient(-30deg, transparent 47%, gold 47% 53%, transparent 53%) 62% 14% / 12% 8% no-repeat, linear-gradient(20deg, transparent 47%, #48f 47% 53%, transparent 53%) 42% 30% / 12% 8% no-repeat, linear-gradient(-70deg, transparent 47%, #16a34a 47% 53%, transparent 53%) 78% 34% / 12% 8% no-repeat, linear-gradient(10deg, transparent 47%, #ff7ab8 47% 53%, transparent 53%) 26% 38% / 12% 8% no-repeat, linear-gradient(to bottom, var(--t) 50%, #f6e7cf 50%, #e8d2ad 100%)}.gcap[data-finish=glaze] .gcap-fx b{width:calc(9 * var(--u));border-radius:0 0 calc(5 * var(--u)) calc(5 * var(--u));background:var(--t);height:calc((10 + var(--z) * 6) * var(--u));transform-origin:50% 0;animation:gcap-drip calc(3s + var(--k) * .6s) calc(var(--k) * -.9s) ease-in-out infinite alternate;box-shadow:inset calc(-2 * var(--u)) calc(-2 * var(--u)) 0 color-mix(in srgb, var(--t) 70%, #000);top:48%}.gcap[data-finish=glaze] .gcap-fx b:first-child{left:10%}.gcap[data-finish=glaze] .gcap-fx b:nth-child(2){left:28%}.gcap[data-finish=glaze] .gcap-fx b:nth-child(3){left:50%}.gcap[data-finish=glaze] .gcap-fx b:nth-child(4){left:68%}.gcap[data-finish=glaze] .gcap-fx b:nth-child(5){left:82%}@keyframes gcap-drip{0%{scale:1 .7}to{scale:1 1.2}}.gcap[data-finish=velvet]{--seam:#d9b45b;--spec:0}.gcap[data-finish=velvet] .gcap-paint{background:radial-gradient(circle at 46% 40%, color-mix(in srgb, var(--t) 85%, #000), color-mix(in srgb, var(--t) 40%, #000) 70%, #050508 100%)}.gcap[data-finish=velvet] .gcap-bot .gcap-paint{filter:brightness(.85)}.gcap[data-finish=velvet] .gcap-fx{background:conic-gradient(from 0deg, transparent 0 20%, color-mix(in srgb, var(--t) 45%, #fff) 30%, transparent 42% 100%);opacity:.55;animation:9s linear infinite gcap-turn;-webkit-mask:radial-gradient(circle,#0000 56%,#000 70%,#0000 74%);mask:radial-gradient(circle,#0000 56%,#000 70%,#0000 74%)}.gcap[data-finish=velvet] .gcap-seam{height:calc(1.6 * var(--u));margin-top:calc(-.8 * var(--u));box-shadow:none}.gcap[data-open] .gcap-top{animation:gcap-up .66s var(--snap) forwards;transform-origin:50% 100%}.gcap[data-open] .gcap-bot{animation:gcap-down .66s var(--snap) forwards}.gcap[data-open] .gcap-label{animation:gcap-tear .42s var(--settle) forwards}.gcap[data-open] .gcap-seam{animation:.16s forwards gcap-fade}.gcap[data-open] .gcap-body{filter:none}@keyframes gcap-up{15%{translate:0 4%;scale:1.06 .92}to{opacity:0;translate:-5% -48%;rotate:-22deg}}@keyframes gcap-down{15%{translate:0 -3%;scale:1.06 .92}to{opacity:0;translate:5% 36%;rotate:14deg}}@keyframes gcap-tear{30%{translate:-50% -70%;rotate:-24deg}to{opacity:0;translate:10% -160%;rotate:40deg}}@keyframes gcap-fade{to{opacity:0}}@media (prefers-reduced-motion:reduce){.gcap,.gcap *,.gcap :before,.gcap :after,.gc-slot *,.gc-spot *{animation-duration:1ms!important;animation-iteration-count:1!important}.gc-cap-enter,.gc-slot[data-phase=entering] :is(.gc-ring,.gc-ghost){animation-delay:0s!important}}
