.thh-plate{--plate-forest: var(--forest, #14432D);--plate-deep: var(--deep, #0F3020);--plate-cream: var(--cream, #FBFAE0);--plate-gold: var(--gold, #E0B72A);--wash: #C56A48;--wash-ink: var(--plate-cream);--wash-edge: #A9573A;display:flex;flex-direction:column;min-width:0;container-type:inline-size}.thh-plate[data-colour=white]{--wash: #F4F0DC;--wash-ink: var(--plate-forest);--wash-edge: color-mix(in srgb, var(--plate-forest) 32%, #F4F0DC)}.thh-plate[data-colour=black]{--wash: #1C1C1C;--wash-ink: var(--plate-cream);--wash-edge: #000}.thh-plate__head{display:flex;align-items:center;gap:clamp(.25rem,2cqi,.6rem);margin:0 0 .8rem}.thh-plate__name{flex:1 1 auto;min-width:0;margin:0;font-size:clamp(15px,calc((100cqi - 182px) / 9.6),28px);font-weight:800;line-height:1.1;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thh-plate__name a{color:var(--plate-forest);text-decoration:none}.thh-plate__finishes{display:inline-flex;flex:0 0 auto;gap:1px}.thh-plate__finish.is-soon .thh-plate__planter{opacity:.5}.thh-plate__finish{position:relative;width:32px;height:32px;padding:0;border:0;border-radius:7px;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.thh-plate__planter{display:block;width:28px;height:18px;margin:auto;overflow:visible;transition:transform .25s cubic-bezier(.3,.7,.2,1)}.thh-plate__finish:hover .thh-plate__planter{transform:translateY(-1px)}.thh-plate__finish:after{content:"";position:absolute;left:50%;bottom:2px;width:14px;height:2px;margin-left:-7px;border-radius:1px;background:var(--plate-forest);transform:scaleX(0);transition:transform .25s cubic-bezier(.3,.7,.2,1)}.thh-plate__finish[aria-checked=true]:after{transform:scaleX(1)}.thh-plate__finish:focus-visible{outline:2px solid var(--plate-gold);outline-offset:1px}.thh-plate__light{display:inline-flex;flex:0 0 auto;align-items:center;gap:4px;padding:6px 2px;border:0;background:none;color:var(--plate-forest);cursor:pointer;-webkit-tap-highlight-color:transparent}.thh-plate__light svg{width:13px;height:13px;display:block}.thh-plate__light-track{position:relative;width:28px;height:16px;border-radius:8px;background:color-mix(in srgb,var(--plate-forest) 10%,var(--plate-cream));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--plate-forest) 30%,transparent);transition:background .3s}.thh-plate__light-knob{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--plate-gold);transition:transform .3s cubic-bezier(.3,.7,.2,1),background .3s,box-shadow .3s}.thh-plate[data-light=halo] .thh-plate__light-track{background:var(--plate-forest)}.thh-plate[data-light=halo] .thh-plate__light-knob{transform:translate(12px);background:#fff4d2;box-shadow:0 0 6px 1px #ffecaad9}.thh-plate__light:focus-visible{outline:2px solid var(--plate-gold);outline-offset:1px;border-radius:4px}.thh-plate__stage{position:relative;aspect-ratio:3 / 4;margin:0 0 1rem;overflow:hidden;background:var(--plate-cream);touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;outline:none}.thh-plate__stage:active{cursor:grabbing}.thh-plate__stage:focus-visible{box-shadow:inset 0 0 0 2px var(--plate-gold)}.thh-plate__still,.thh-plate__canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.thh-plate__still{object-fit:cover}.thh-plate__canvas{opacity:0;transition:opacity .18s}.thh-plate[data-gl=ready] .thh-plate__canvas{opacity:1}.thh-plate__wash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity .7s ease}.thh-plate__wash--sun{background:radial-gradient(120% 85% at 6% 2%,#ffe8b038,#ffe8b000 60%)}.thh-plate__wash--halo{opacity:0;background:radial-gradient(40% 26% at 50% 17%,#fff4d66b,#fff4d600 78%),radial-gradient(120% 90% at 50% 20%,#0f302000 55%,#0f302014)}.thh-plate[data-light=halo] .thh-plate__wash--sun{opacity:0}.thh-plate[data-light=halo] .thh-plate__wash--halo{opacity:1}.thh-plate__lamp{position:absolute;left:33.9%;top:5.5%;height:92%;width:auto;max-width:none;opacity:0;pointer-events:none;transform-origin:65.2% 100%;filter:drop-shadow(0 2px 2px rgba(0,0,0,.12)) drop-shadow(0 10px 14px rgba(0,0,0,.08));transition:opacity .3s ease}.thh-plate[data-light=halo] .thh-plate__lamp{opacity:1}.thh-plate[data-gl=ready] .thh-plate__lamp{display:none}.thh-plate[data-story=intro] .thh-plate__lamp,.thh-plate[data-story=playing] .thh-plate__lamp,.thh-plate[data-story=kit] .thh-plate__lamp{opacity:0}.thh-plate__hint{position:absolute;top:46%;display:inline-flex;align-items:center;gap:3px;height:30px;padding:0 8px;border:0;border-radius:15px;background:color-mix(in srgb,var(--plate-cream) 88%,transparent);color:var(--plate-forest);box-shadow:0 0 0 1px #191c210f,0 1px 1px -.5px #0000000f,0 3px 3px -1.5px #0000000f;opacity:.82;cursor:pointer;transition:opacity .25s ease;-webkit-tap-highlight-color:transparent}.thh-plate__hint:hover{opacity:1}.thh-plate__hint--prev{left:8px}.thh-plate__hint--next{right:8px;flex-direction:row-reverse}.thh-plate__hint svg{display:block}.thh-plate__hint-chev{width:7px;height:11px}.thh-plate__hint .thh-plate__planter{width:20px;height:13px}.thh-plate__hint:focus-visible{outline:2px solid var(--plate-gold);outline-offset:2px}.thh-plate[data-story] .thh-plate__hint:not([hidden]){opacity:0;pointer-events:none}.thh-plate[data-story=done] .thh-plate__hint:not([hidden]){opacity:.82;pointer-events:auto}.thh-plate__copy{margin:0 0 1.1rem;font-size:15px;line-height:1.55;color:var(--plate-deep)}.thh-plate__kit-link{display:inline;padding:0;border:0;background:none;font:inherit;font-weight:700;color:var(--plate-forest);text-align:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--plate-forest) 35%,transparent);cursor:pointer;transition:text-decoration-color .2s}.thh-plate__kit-link:hover,.thh-plate__kit-link[aria-pressed=true]{text-decoration-color:var(--plate-forest)}.thh-plate__kit-link:focus-visible{outline:2px solid var(--plate-gold);outline-offset:2px;border-radius:2px}.thh-plate__kit-link:disabled{text-decoration:none;cursor:default;color:var(--plate-forest);opacity:1}.thh-plate__kit{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transform-origin:50% 50%;opacity:0;transition:opacity .25s ease}.thh-plate[data-story=intro] .thh-plate__kit,.thh-plate[data-story=playing] .thh-plate__kit,.thh-plate[data-story=kit] .thh-plate__kit{opacity:1}.thh-plate__kit-item{position:absolute;left:0;top:0;max-width:none;transform-origin:50% 65%;will-change:transform,opacity;filter:drop-shadow(0 1px 1px rgba(0,0,0,.08)) drop-shadow(0 6px 8px rgba(0,0,0,.07))}.thh-plate__kit-item--pack{transform-origin:50% 100%}.thh-plate__buy{display:flex;align-items:stretch;margin:0;border-radius:3px;box-shadow:0 1px 1px -.5px #0000000f,0 3px 3px -1.5px #0000000f,0 6px 6px -3px #0000000f,0 12px 12px -6px #0000000f;transition:box-shadow .2s ease,transform .2s ease}.thh-plate__buy:has(button:active){transform:translateY(1px);box-shadow:0 1px 1px -.5px #0000000f,0 2px 2px -1px #0000000f}.thh-plate__cta{flex:1 1 auto;min-width:0;min-height:50px;padding:.8rem 1.4rem .8rem 1rem;border:1px solid var(--wash-edge);border-right:0;border-radius:3px 0 0 3px;background:var(--wash);color:var(--wash-ink);font:inherit;font-size:clamp(11px,3.5cqi,13px);font-weight:700;letter-spacing:.07em;line-height:1.25;text-transform:uppercase;text-wrap:balance;cursor:pointer;transition:background-color .35s ease,color .35s ease,border-color .35s ease,filter .2s}.thh-plate__cta:hover{filter:brightness(1.05)}.thh-plate__cta[aria-busy=true]{cursor:progress;opacity:.75}.thh-plate__cta:disabled{cursor:not-allowed;opacity:.6}.thh-plate__halo{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;gap:2px;margin-left:-12px;padding:0 .85rem 0 1.45rem;border:0;border-radius:0 3px 3px 0;background:var(--plate-forest);color:var(--plate-cream);clip-path:polygon(12px 0,100% 0,100% 100%,0 100%);font:inherit;font-size:11px;font-weight:700;letter-spacing:.06em;line-height:1.1;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background-color .25s,color .25s}.thh-plate__halo-price{font-weight:400;letter-spacing:.03em;opacity:.85;white-space:nowrap}.thh-plate__halo-price s{opacity:.6;font-size:.9em;text-decoration-thickness:1px}.thh-plate__halo:hover{background:var(--plate-deep)}.thh-plate__halo[aria-checked=true]{background:var(--plate-deep);color:var(--plate-gold)}.thh-plate__cta:focus-visible,.thh-plate__halo:focus-visible{outline:2px solid var(--plate-gold);outline-offset:2px}@container (max-width: 310px){.thh-plate__light>svg{display:none}.thh-plate__name{font-size:clamp(15px,calc((100cqi - 146px) / 9.6),24px)}}@media screen and (max-width:749px){.thh-plate__finish{height:36px}.thh-plate__hint{height:34px}}@media(prefers-reduced-motion:reduce){.thh-plate__buy,.thh-plate__cta,.thh-plate__wash,.thh-plate__lamp,.thh-plate__light-knob{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/thh-plate.css.map */