.tpp-capsule.svelte-v5ioug{--cap:var(--o-lime);--cap-prize:var(--o-plum-light);width:var(--cap-size);aspect-ratio:1;border-radius:50%;display:block;position:relative;container-type:inline-size}.cap-shadow.svelte-v5ioug{background:radial-gradient(closest-side, color-mix(in oklab, var(--o-ink) 34%, transparent), transparent);border-radius:50%;height:14%;position:absolute;bottom:-7%;left:14%;right:14%}.t-peach.svelte-v5ioug{--cap:var(--o-peach);--cap-prize:var(--o-lilac)}.t-lilac.svelte-v5ioug{--cap:var(--o-lilac);--cap-prize:var(--o-peach)}.t-plum.svelte-v5ioug{--cap:var(--o-plum);--cap-prize:var(--o-lime)}.t-rose.svelte-v5ioug{--cap:oklch(from var(--o-peach) calc(l - .04) calc(c + .04) calc(h - 40));--cap-prize:var(--o-lime)}.t-sky.svelte-v5ioug{--cap:oklch(from var(--o-lilac) l calc(c + .02) calc(h - 70));--cap-prize:var(--o-peach)}.t-gold.svelte-v5ioug{--cap:oklch(from var(--o-peach) calc(l + .03) calc(c + .02) calc(h + 35));--cap-prize:var(--o-plum-light)}.t-lime.svelte-v5ioug{--cap-prize:var(--o-peach)}.cap-back.svelte-v5ioug{background:radial-gradient(70% 60% at 50% 70%, color-mix(in oklab, var(--cap) 30%, var(--o-paper)), transparent 70%), color-mix(in oklab, var(--cap) 16%, var(--o-paper));box-shadow:inset 0 0 0 1.5cqi color-mix(in oklab, var(--cap) 35%, transparent);border-radius:50%;position:absolute;inset:0}.cap-prize.svelte-v5ioug{width:58%;filter:drop-shadow(0 2cqi 2cqi color-mix(in oklab, var(--o-ink) 20%, transparent));position:absolute;top:9%;left:21%;transform:rotate(-8deg)}.cap-shell.svelte-v5ioug{background:radial-gradient(60% 70% at 30% 10%, color-mix(in oklab, white 55%, var(--cap)), transparent 60%), radial-gradient(120% 120% at 50% 0%, var(--cap) 45%, color-mix(in oklab, var(--cap) 60%, black) 100%);box-shadow:inset 0 -3cqi 5cqi color-mix(in oklab, var(--cap) 55%, black);border-radius:0 0 50% 50%/0 0 100% 100%;position:absolute;inset:52% 0 0}.cap-seam.svelte-v5ioug{background:linear-gradient(color-mix(in oklab, var(--cap) 50%, white), color-mix(in oklab, var(--cap) 70%, black));height:6%;box-shadow:0 1cqi 1.5cqi color-mix(in oklab, var(--cap) 50%, black);border-radius:99px;position:absolute;top:48.5%;left:.5%;right:.5%}.cap-glass.svelte-v5ioug{pointer-events:none;box-shadow:inset 0 0 0 1.2cqi #ffffff8c, inset -3cqi -4cqi 8cqi color-mix(in oklab, var(--o-ink) 12%, transparent);background:radial-gradient(22% 14% at 32% 20%,#fffffff2,#0000 70%),radial-gradient(9% 7% at 70% 30%,#ffffffb3,#0000 70%),radial-gradient(75% 60% at 50% 12%,#ffffff38,#0000 70%);background:radial-gradient(22% 14% at 32% 20%,lab(100% -.0000298023 .0000119209/.95),#0000 70%),radial-gradient(9% 7% at 70% 30%,lab(100% -.0000298023 .0000119209/.7),#0000 70%),radial-gradient(75% 60% at 50% 12%,lab(100% -.0000298023 .0000119209/.22),#0000 70%);border-radius:50%;position:absolute;inset:0}@supports (color:lab(0% 0 0)){.cap-glass.svelte-v5ioug{box-shadow:inset 0 0 0 1.2cqi lab(100% -.0000298023 .0000119209/.55), inset -3cqi -4cqi 8cqi color-mix(in oklab, var(--o-ink) 12%, transparent)}}.cap-label.svelte-v5ioug{white-space:nowrap;background:var(--o-paper);color:var(--o-ink);font:600 12.5cqi/1 var(--o-hand);letter-spacing:.01em;box-shadow:0 2cqi 4cqi var(--o-shadow);border-radius:99px;padding:3cqi 8cqi 3.4cqi;position:absolute;top:51%;left:50%;transform:translate(-50%,-50%)rotate(-6deg)}