.spin{padding:clamp(56px,9vw,104px) var(--ki-gutter, 20px) clamp(32px,5vw,56px);background:var(--ch-paper);color:var(--ch-ink)}.spin__inner{max-width:1080px;margin:0 auto;text-align:center}.spin__head{position:relative;display:inline-block;padding:28px clamp(24px,6vw,72px) 24px;border:3px solid var(--ch-ink);border-radius:var(--ch-r, 18px);box-shadow:inset 0 0 0 6px var(--ch-paper),inset 0 0 0 8px var(--ch-ink),6px 6px 0 var(--ch-ink);background:var(--ch-paper)}.spin__tab{position:absolute;top:-15px;left:50%;transform:translate(-50%);margin:0;white-space:nowrap;background:var(--ch-ink);color:var(--ch-paper);border-radius:999px;padding:6px 16px;font-family:var(--ch-font-title);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.spin__title{margin:0;font-family:var(--ch-font-hero);font-weight:400;font-size:clamp(44px,7vw,80px);line-height:.95;color:var(--ch-roast)}.spin__sub{margin:10px auto 0;max-width:32rem;font-family:var(--ch-font-serif);font-size:clamp(19px,2.2vw,23px);color:var(--ch-mocha)}.spin__ritual{display:inline-flex;gap:6px;margin:clamp(28px,4vw,40px) 0 0;padding:5px;border:2px solid var(--ch-ink);border-radius:999px}.spin__pick{-webkit-appearance:none;appearance:none;border:0;border-radius:999px;padding:10px 20px;background:transparent;color:var(--ch-ink);cursor:pointer;font-family:var(--ch-font-title);font-size:16px;letter-spacing:.06em;text-transform:uppercase}.spin__pick[aria-pressed=true]{background:var(--ch-ink);color:var(--ch-paper)}.spin__cans{display:flex;justify-content:center;gap:clamp(28px,8vw,120px);margin-top:clamp(24px,4vw,40px)}.spin__can{margin:0;width:clamp(140px,24vw,260px)}.spin__body{position:relative;aspect-ratio:.39 / 1;width:100%;border-radius:14px/6px;overflow:hidden;background:#cbbfa9;cursor:grab;touch-action:pan-y;box-shadow:0 22px 26px -18px #1a13118c}.is-dragging .spin__body{cursor:grabbing}.spin__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.spin__flat{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:17% 50%}.spin__shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#1a13118c,#1a13111f 18%,#fffaf02e 38%,#fffaf000 52%,#1a13111a 78%,#1a13118c)}.spin__rim{position:absolute;left:0;right:0;height:4.5%;pointer-events:none;background:linear-gradient(90deg,#6d665c,#d8d3c8 30%,#f3f0ea 45%,#9a948a 80%,#5d564d)}.spin__rim--top{top:0;border-bottom:1px solid rgba(26,19,17,.5)}.spin__rim--bot{bottom:0;border-top:1px solid rgba(26,19,17,.5)}.spin__cap{margin-top:14px;display:flex;flex-direction:column;gap:2px;font-family:var(--ch-font-body)}.spin__cap b{font-family:var(--ch-font-title);font-weight:400;font-size:18px;letter-spacing:.08em;text-transform:uppercase;color:var(--ch-roast)}.spin__cap span{font-size:14px;color:var(--ch-mocha);min-height:1.3em}.spin__stops{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:clamp(22px,3vw,32px)}.spin__stop{-webkit-appearance:none;appearance:none;cursor:pointer;padding:9px 16px;border:2px solid var(--ch-ink);border-radius:999px;background:var(--ch-paper);color:var(--ch-ink);font-family:var(--ch-font-body);font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;box-shadow:3px 3px 0 var(--ch-ink)}.spin__stop:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ch-ink)}.spin__stop:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ch-ink)}.spin__pick:focus-visible,.spin__stop:focus-visible{outline:3px solid var(--ch-ink);outline-offset:3px}.spin__hint{margin:16px 0 0;font-family:var(--ch-font-body);font-size:14px;color:var(--ch-cocoa)}@media(max-width:520px){.spin__cans{gap:20px}.spin__can{width:40vw}}.spin__body{aspect-ratio:.37 / 1;border-radius:0;overflow:visible;background:none;box-shadow:none}.spin__canvas{filter:drop-shadow(0 18px 14px rgba(26,19,17,.35))}.spin__shade,.spin__rim{display:none}.spin__gl{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;display:block;opacity:0;transition:opacity .35s ease}.spin__can.is-3d .spin__gl{opacity:1}.spin__can.is-3d .spin__canvas{opacity:0}.spin__can.is-3d .spin__body{aspect-ratio:.4 / 1}.spin__canvas,.spin__gl{filter:none}.spin .spin__head{display:block!important;width:fit-content;max-width:100%;margin-inline:auto}.spin .spin__ritual{display:flex!important;width:fit-content;margin:clamp(22px,3vw,32px) auto 0!important}.spin .spin__pick{min-height:48px;padding-inline:22px;font-size:16px}.spin__stop[aria-pressed=true]{background:var(--ch-ink);color:var(--ch-paper)}.spin__can:not(.is-3d) .spin__body{overflow:hidden}.spin__can:not(.is-3d) .spin__canvas{transform:scale(var(--spin-zoom, 1));transform-origin:50% 52%}.spin.is-zoomed .spin__hint:after{content:" Tap Front to zoom back out."}
/*# sourceMappingURL=/cdn/shop/t/25/assets/channel-label.css.map */