.gy-byo{padding-top:32px}.gy-byo__grid{display:grid;gap:20px}.gy-byo__title{font-size:clamp(36px,3.8vw,56px)}.gy-byo__head .gt-lede{margin:0;max-width:52ch}.gy-pickhead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.gy-pickhead__h{margin:0;font:600 26px/1.1 var(--gt-f-display);color:var(--gt-ink)}.gy-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}.gy-card.is-on{box-shadow:0 0 0 3px var(--gt-cream),0 0 0 6px var(--gt-d)}.gy-card__stage{padding:4% 12% 0;cursor:pointer}.gy-card__stage[aria-disabled=true]{cursor:default}.gy-card .gx-card__badge{top:10px;right:10px;width:66px;padding:6px;font-size:9px}.gy-card__n{position:absolute;top:10px;left:10px;z-index:3;display:grid;place-items:center;min-width:38px;height:38px;padding:0 9px;border-radius:var(--gt-r-pill);background:var(--gt-d);color:var(--gt-cream);font:800 15px/1 var(--gt-f-body);box-shadow:var(--gt-shadow)}.gy-card__n[hidden]{display:none}.gy-card__foot{flex:1 1 auto;align-content:space-between;gap:12px;padding:12px 12px 14px}.gy-card__id{display:grid;justify-items:start;gap:6px}.gy-card .gx-card__name{font-size:20px}.gy-step{justify-self:stretch;display:flex;align-items:center;justify-content:space-between;padding:4px;border-radius:var(--gt-r-pill);background:var(--gt-cream)}.gy-step button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:var(--gt-d);color:var(--gt-cream);cursor:pointer;transition:transform var(--gt-dur-2) var(--gt-ease-out),opacity var(--gt-dur-2) var(--gt-ease-out)}.gy-step button:hover:not([aria-disabled=true]){transform:scale(1.08)}.gy-step button:active:not([aria-disabled=true]){transform:scale(.92)}.gy-step button[aria-disabled=true]{opacity:.28;cursor:default}.gy-step button:focus-visible{outline:3px solid var(--gt-ink);outline-offset:2px}.gy-step__n{min-width:2ch;color:var(--gt-ink);font:800 18px/1 var(--gt-f-body);text-align:center}.gy-tray{padding:18px}.gy-tray .gx-tray__slots{gap:10px}.gy-tray.is-full .gx-tray__slot{border-color:transparent}.gy-fill,.gy-fill .gt-media,.gy-fill .gt-ph,.gy-fly .gt-media{width:100%;height:100%}.gy-buy{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 18px;align-items:center}.gy-sum{grid-area:1 / 1;display:grid;gap:4px}.gy-sum>p{margin:0}.gy-sum__count{color:var(--gt-cherry);font:600 26px/1 var(--gt-f-display);white-space:nowrap}.gy-form{grid-area:1 / 2;min-width:0}.gy-form .gt-form-note{margin:8px 0 0}.gy-form .gt-form-note:empty{margin:0}.gy-buy>:not(.gy-sum):not(.gy-form){grid-column:1 / -1}.gy-sum__meta{margin:0;color:var(--gt-muted);font-size:15px}.gy-assure{display:grid;gap:8px;margin:0;padding:0;list-style:none;font-size:14px;line-height:1.4}.gy-assure li{display:flex;align-items:flex-start;gap:10px}.gy-assure .gt-icon{flex:0 0 auto;color:var(--gt-cherry)}.gy-card.is-hop .gx-card__pack{animation:gy-hop .42s var(--gt-ease-scoop)}.gy-fill.is-new{animation:gx-drop .55s var(--gt-ease-scoop) backwards;animation-delay:calc(var(--i, 0) * 90ms)}.gy-fill.is-lift{opacity:0;transform:translateY(-28px) scale(.9);transition:opacity .18s var(--gt-ease-out),transform .18s var(--gt-ease-out)}.gy-tray.is-settle{animation:gy-settle .55s var(--gt-ease-scoop)}.gy-pop{animation:gy-pop .45s var(--gt-ease-scoop)}.gy-fly{position:fixed;z-index:60;margin:0;pointer-events:none}@keyframes gy-hop{40%{transform:translateY(-9%) rotate(-3deg)}}@keyframes gy-settle{35%{transform:scale(1.03)}}@keyframes gy-pop{40%{transform:scale(1.06)}}.gy-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;align-items:center;gap:12px;padding:10px var(--gt-gutter) calc(10px + env(safe-area-inset-bottom));background:var(--gt-cream);box-shadow:var(--gt-shadow);transform:translateY(110%);transition:transform var(--gt-dur-3) var(--gt-ease-out)}.gy-bar.is-visible{transform:none}.gy-bar__slots{display:flex;gap:4px}.gy-bar__slot{width:14px;height:18px;border:2px dashed var(--gt-line);border-radius:4px}.gy-bar__slot.is-on{border:0;background:var(--gt-d)}.gy-bar__count{font:800 14px/1 var(--gt-f-body);white-space:nowrap}.gy-bar .gt-btn{margin-left:auto}@media(min-width:990px){.gy-byo__grid{grid-template-columns:minmax(0,1fr) minmax(340px,440px);grid-template-areas:"head panel" "pick panel";gap:20px 56px;align-items:start}.gy-byo__head{grid-area:head}.gy-byo__pick{grid-area:pick}.gy-byo__panel{grid-area:panel;position:sticky;top:calc(var(--gt-header-h) + 16px);display:grid;gap:16px}}@media(min-width:990px)and (max-width:1199px){.gy-byo__grid{grid-template-columns:minmax(0,1fr) minmax(300px,360px);column-gap:40px}.gy-cards{grid-template-columns:1fr 1fr}}@media(max-width:989px){.gy-byo__panel{display:contents}.gy-tray{order:1;padding:12px}.gy-tray .gx-tray__slots{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.gy-tray .gx-tray__slot{border-radius:10px}.gy-byo__pick{order:2}.gy-buy{order:3}.gy-bar{display:flex}body.template-product-byo{padding-bottom:76px}}@media(max-width:749px){.gy-byo{padding-top:20px}.gy-cards{grid-template-columns:1fr 1fr;gap:14px}.gy-card__stage{padding:6% 12% 0}.gy-card__foot{padding:10px 10px 12px}.gy-card .gx-card__name{font-size:17px}.gy-card__n{top:8px;left:8px;min-width:32px;height:32px;font-size:13px}.gy-step button{width:34px;height:34px}.gy-pickhead__h{font-size:22px}}@media(prefers-reduced-motion:reduce){.gy-card.is-hop .gx-card__pack,.gy-fill.is-new,.gy-tray.is-settle,.gy-pop{animation:none}.gy-fill.is-lift,.gy-bar,.gy-step button{transition:none}}.gy-size{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:4px}.gy-size__opt{display:grid;align-content:start;justify-items:start;gap:4px;min-width:0;padding:14px 14px 12px;border:0;border-radius:14px;background:var(--gt-cream-deep);color:var(--gt-ink);font:inherit;text-align:left;cursor:pointer;transition:transform var(--gt-dur-2) var(--gt-ease-out)}.gy-size__opt:hover:not(:disabled){transform:translateY(-2px)}.gy-size__opt:active:not(:disabled){transform:scale(.97)}.gy-size__opt:focus-visible{outline:3px solid var(--gt-ink);outline-offset:2px}.gy-size__opt[aria-pressed=true]{background:var(--gt-cherry);color:var(--gt-cream)}.gy-size__opt:disabled{opacity:.4;cursor:default}.gy-size__n{font:600 30px/1 var(--gt-f-display);white-space:nowrap}.gy-size__l{font:800 11px/1.25 var(--gt-f-body);letter-spacing:.1em;text-transform:uppercase}.gy-size__p{margin-top:6px;font:800 17px/1 var(--gt-f-body)}.gy-size__u{font-size:13px;line-height:1.3;opacity:.8}.gy-nudge{margin:0;color:var(--gt-muted);font-size:15px}.gy-nudge a{color:var(--gt-cherry);font-weight:800}.gy-hint{flex:1 1 100%;margin:0;padding:12px 16px;border-radius:14px;background:var(--gt-cherry);color:var(--gt-cream);font:800 15px/1.3 var(--gt-f-body);animation:gy-pop .45s var(--gt-ease-scoop)}.gy-hint[hidden]{display:none}.gy-card__nb{display:none;justify-self:start;padding:4px 8px;border-radius:var(--gt-r-pill);background:var(--gt-cream);color:var(--gt-ink);font:800 10px/1 var(--gt-f-body);letter-spacing:.12em;text-transform:uppercase}.gy-card.is-nobonus .gy-card__nb{display:inline-block}.gy-card.is-nobonus .gy-card__stage{cursor:default}.gy-card.is-nobonus .gx-card__pack,.gy-card.is-nobonus .gx-card__scoop{opacity:.45}.gy-tray .gx-tray__slot[hidden]{display:none}.gy-tray[data-total="7"] .gx-tray__slots{grid-template-columns:repeat(4,minmax(0,1fr))}.gy-tray[data-total="15"] .gx-tray__slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.gy-tray .gx-tray__slot.is-bonus{position:relative;border-color:var(--gt-cherry)}.gy-tray.is-full .gx-tray__slot.is-bonus{border-color:transparent}.gy-tray .gx-tray__slot.is-bonus:after{content:"Bonus";position:absolute;left:50%;bottom:6px;z-index:1;padding:3px 6px;border-radius:var(--gt-r-pill);background:var(--gt-cherry);color:var(--gt-cream);font:800 9px/1 var(--gt-f-body);letter-spacing:.1em;text-transform:uppercase;translate:-50% 0;pointer-events:none}.gy-bar__slots{gap:3px}.gy-bar__slot{width:12px}.gy-bar__slot.is-bonus{border-color:var(--gt-cherry)}.gy-bar__prog{display:none;position:relative;flex:0 0 88px;height:10px;border-radius:var(--gt-r-pill);background:var(--gt-cream-deep);overflow:hidden}.gy-bar__prog>span{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gt-cherry);transform:scaleX(0);transform-origin:left;transition:transform var(--gt-dur-3) var(--gt-ease-out)}.gy-bar.is-long .gy-bar__slots{display:none}.gy-bar.is-long .gy-bar__prog{display:block}@media(max-width:989px){.gy-tray[data-total="3"] .gx-tray__slots{grid-template-columns:repeat(3,minmax(0,1fr));max-width:300px;margin-inline:auto}.gy-tray[data-total="7"] .gx-tray__slots{grid-template-columns:repeat(7,minmax(0,1fr))}.gy-tray[data-total="15"] .gx-tray__slots{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.gy-tray[data-total="7"] .gx-tray__slot.is-bonus:after,.gy-tray[data-total="15"] .gx-tray__slot.is-bonus:after{content:"+";bottom:3px;display:grid;place-items:center;width:16px;height:16px;padding:0;font-size:13px;letter-spacing:0}}@media(max-width:749px){.gy-size{gap:8px}.gy-size__opt{padding:12px 10px 10px}.gy-size__n{font-size:24px}.gy-size__l{font-size:10px}.gy-size__p{font-size:15px}.gy-size__u{font-size:12px}}@media(prefers-reduced-motion:reduce){.gy-hint{animation:none}.gy-size__opt,.gy-bar__prog>span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/gt-byo.css.map */