.tote-select{--ts-line: var(--white);--ts-card: var(--gunmetal);--ts-riser: var(--gunmetal);--ts-rays: var(--pat-ink, var(--pat-dark));--ts-shadow: var(--shadow-color, var(--pink));--ts-stage-h: min(500px, 58vh);--ts-mr: clamp(16px, 4vw, 64px);--cx: 120;--cy: 24;--cw: 680;--ch: 1250;position:relative;isolation:isolate;overflow:hidden}.tote-select.scheme-navy{--ts-card: var(--ink);--ts-riser: var(--ink)}.tote-select.section--pad-small{--section-pad: clamp(20px, 2.2vw, 30px)}.tote-select .ts__wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"stage head" "stage roster" "stage card";grid-template-rows:auto auto 1fr;column-gap:clamp(24px,3.4vw,56px);align-items:start;max-width:var(--page-max, 1280px);margin:0 auto;padding:0 var(--gutter, 16px)}.tote-select .ts__head{grid-area:head}.tote-select .ts__title{margin:0;color:var(--heading, var(--white));font:400 clamp(2rem,1.1rem + 1.9vw,2.75rem) / .94 var(--font-display);letter-spacing:-.01em;text-shadow:4px 4px 0 var(--heading-shadow, var(--pink));text-wrap:balance}.tote-select .ts__sub{margin:10px 0 0;max-width:40ch;color:var(--fg-soft);line-height:1.4}.tote-select .ts__stage{grid-area:stage;position:relative;min-width:0;touch-action:pan-y}.tote-select .ts__rays{position:absolute;z-index:-1;top:-14%;bottom:-14%;left:-50vw;right:0;background:repeating-conic-gradient(from -4deg at calc(100% - var(--ts-mr) - var(--ts-stage-h) * .272) 40%,var(--ts-rays) 0 8deg,transparent 8deg 20deg);pointer-events:none}.tote-select .ts__eyebrow{position:absolute;z-index:5;left:0;top:0;max-width:12em;margin:0;padding:7px 11px 6px;background:var(--yellow);color:var(--ink);border:2px solid var(--ink);font:800 18px / 1.02 var(--font-body);font-stretch:62%;letter-spacing:.12em;text-transform:uppercase;box-shadow:4px 4px 0 var(--ts-shadow);rotate:-3deg}.tote-select .ts__crop{position:relative;height:var(--ts-stage-h);max-width:100%;aspect-ratio:calc(var(--cw) / var(--ch));margin:0 var(--ts-mr) 0 auto}.tote-select .ts__rig{position:absolute;width:calc(100% * 800 / var(--cw));height:calc(100% * 1300 / var(--ch));left:calc(-100% * var(--cx) / var(--cw));top:calc(-100% * var(--cy) / var(--ch))}.tote-select .ts__fig,.tote-select .ts__hand{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;color:var(--ts-line);--tf-line: var(--ts-line);--tf-skin: var(--bg, var(--ink))}.tote-select .ts__fig{z-index:1}.tote-select .ts__hand{z-index:3;pointer-events:none}.tote-select .ts__floor{position:absolute;z-index:0;left:12%;width:62%;top:92.9%;height:3.2%;background:var(--ts-riser);border-top:4px solid var(--yellow);clip-path:polygon(4% 0,96% 0,100% 100%,0 100%)}.tote-select .ts__tote{--w: calc(var(--h) * var(--iw) / var(--ih));position:absolute;z-index:2;margin:0;left:calc((622 - var(--gx) * var(--w)) / 800 * 100%);top:calc((482 - var(--gy) * var(--h)) / 1300 * 100%);width:calc(var(--w) / 800 * 100%);transform-origin:calc(var(--gx) * 100%) calc(var(--gy) * 100%);rotate:calc(var(--hang) * 1deg)}.tote-select .ts__tote[hidden]{display:none}.tote-select .ts__tote img{display:block;width:100%;height:auto}.tote-select .ts__tote .gun.ts__gun{position:absolute;right:-16%;bottom:-2%;z-index:1;--gun-fs: clamp(1rem, .7rem + .6vw, 1.3rem)}.tote-select .ts__one{position:absolute;left:-12%;bottom:24%;padding:5px 7px 4px;background:var(--yellow);color:var(--ink);border:2px solid var(--ink);font:800 13px / 1 var(--font-body);font-stretch:62%;letter-spacing:.12em;text-transform:uppercase;rotate:-8deg;box-shadow:3px 3px 0 var(--ink)}.tote-select .ts__plate{position:absolute;z-index:4;left:0;top:46%;display:grid;gap:4px;justify-items:start;max-width:calc(100% - var(--ts-stage-h) * .544 - var(--ts-mr) - 8px);pointer-events:none}.tote-select .ts__p1{display:inline-grid;place-items:center;width:46px;height:34px;background:var(--yellow);color:var(--ink);border:3px solid var(--ink);font:400 20px / 1 var(--font-display);box-shadow:4px 4px 0 var(--ts-shadow);rotate:-4deg}.tote-select .ts__plate-name{color:var(--white);font:400 clamp(1.5rem,1rem + 1.6vw,2.4rem) / .95 var(--font-display);text-shadow:3px 3px 0 var(--pink-deep);max-width:7ch}.tote-select .ts__plate-class{max-width:15ch;font:700 12px / 1.35 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--yellow)}.tote-select .ts__splash{position:absolute;z-index:6;left:-4%;right:-4%;top:66%;display:grid;justify-items:center;gap:2px;padding:10px 12px 12px;background:var(--pink-fill);color:var(--on-pink);border-block:4px solid var(--ink);box-shadow:0 8px 0 var(--ink);rotate:-5deg;pointer-events:none;visibility:hidden}.tote-select .ts__splash-k{font:800 clamp(13px,1vw + 8px,18px) / 1 var(--font-body);font-stretch:62%;letter-spacing:.24em;text-transform:uppercase}.tote-select .ts__splash-n{font:400 clamp(2rem,1.2rem + 3.6vw,4.2rem) / .9 var(--font-display);color:var(--white);text-transform:uppercase;text-align:center;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:-3px 3px 0 var(--ink),3px -2px 0 var(--pink-deep)}.tote-select .ts__swipe{display:none}.tote-select .ts__roster-wrap{grid-area:roster;margin-top:clamp(10px,1.4vw,18px)}.tote-select .ts__roster{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;max-width:500px;padding:20px 8px 10px 0}.tote-select .ts__tile{position:relative;display:block;width:100%;aspect-ratio:1;padding:0;margin:0;background:var(--gunmetal);border:3px solid var(--silver);border-radius:0;box-shadow:4px 4px 0 var(--pat-dark);-webkit-tap-highlight-color:transparent}.tote-select .ts__tile img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(.55) contrast(1.05)}.tote-select .ts__tile:hover{translate:-3px -3px;box-shadow:7px 7px 0 var(--ts-shadow)}.tote-select .ts__tile:hover img,.tote-select .ts__tile[aria-checked=true] img{filter:none}.tote-select .ts__tile[aria-checked=true]{border-color:var(--yellow);translate:-4px -4px;box-shadow:inset 0 0 0 1px var(--yellow),8px 8px 0 var(--ts-shadow)}.tote-select .ts__tile[aria-checked=true]:before{content:"P1";position:absolute;z-index:1;left:-3px;top:-21px;padding:3px 6px 2px;background:var(--yellow);color:var(--ink);font:400 14px / 1 var(--font-display)}.tote-select .ts__tile:active{translate:1px 1px;box-shadow:2px 2px 0 var(--ts-shadow)}.tote-select .ts__tile:focus-visible{outline:4px solid var(--white);outline-offset:5px}.tote-select .ts__slot{position:absolute;right:3px;bottom:3px;padding:2px 3px 1px;background:var(--ink);color:var(--silver-light);font:700 11px / 1 var(--font-mono)}.tote-select .ts__bagged{position:absolute;left:3px;bottom:3px;padding:2px 4px 1px;background:var(--pink-fill);color:var(--on-pink);font:800 11px / 1 var(--font-body);font-stretch:62%;letter-spacing:.08em;text-transform:uppercase}.tote-select .ts__bagged[hidden]{display:none}.tote-select .ts__under{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 16px;max-width:500px;margin-top:4px}.tote-select .ts__hint{margin:0;font:700 12px / 1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-soft, var(--silver))}.tote-select .ts__hint kbd{display:inline-block;min-width:22px;margin-right:4px;padding:2px 5px 1px;border:2px solid var(--silver);color:var(--white);font:inherit;text-align:center}.tote-select .ts__mugs{display:inline-block;padding:13px 0;margin:-13px 0;color:var(--link, var(--yellow));font:700 14px / 1.3 var(--font-mono);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.tote-select .ts__mugs:hover{background:var(--yellow);color:var(--ink);text-decoration:none}.tote-select .ts__card{grid-area:card;position:relative;container-type:inline-size;margin-top:12px;padding:14px 18px 16px;background:var(--ts-card);color:var(--silver-light);border:3px solid var(--silver-light);box-shadow:8px 8px 0 var(--ts-shadow)}.tote-select .ts__card-top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 16px}.tote-select .ts__name{margin:0;color:var(--white);font:400 clamp(1.4rem,1rem + 1vw,1.9rem) / 1 var(--font-display)}.tote-select .ts__class{font:700 12px / 1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--yellow)}.tote-select .ts__stats{display:grid;grid-template-columns:max-content minmax(90px,120px) minmax(0,1fr);gap:7px 12px;margin:12px 0 0;padding:0;list-style:none}.tote-select .ts__stat{display:grid;grid-column:1 / -1;grid-template-columns:8.2em minmax(90px,120px) minmax(0,1fr);grid-template-columns:subgrid;align-items:center}.tote-select .ts__stat-k{font:800 15px / 1 var(--font-body);font-stretch:62%;letter-spacing:.08em;text-transform:uppercase}.tote-select .ts__bar{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;height:15px}.tote-select .ts__bar i{display:block;border:2px solid var(--silver-dark)}.tote-select .ts__bar i.on{background:var(--yellow);border-color:var(--yellow)}.tote-select .ts__bar.is-max i.on{background:var(--pink);border-color:var(--pink)}.tote-select .ts__note{font:700 12px / 1.2 var(--font-mono);color:var(--silver);white-space:nowrap}.tote-select .ts__note b{color:var(--yellow)}.tote-select .ts__bar.is-max+.ts__note b{color:var(--pink-light)}.tote-select .ts__lines{margin-top:10px;min-height:calc(3 * 1.35em + 2px);font-size:15px;line-height:1.35}.tote-select .ts__line{margin:0}.tote-select .ts__line+.ts__line{margin-top:2px}.tote-select .ts__line b{margin-right:4px;font:800 13px / 1 var(--font-body);font-stretch:62%;letter-spacing:.1em;text-transform:uppercase;color:var(--yellow)}.tote-select .ts__buy{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin:14px 0 0}.tote-select .ts__bagit{min-height:50px;padding-inline:1.1em;font-size:1.25rem}.tote-select .ts__bagit[hidden]{display:none}.tote-select .ts__bagit[aria-busy=true]{cursor:progress}.tote-select .ts__bagit.is-done{--btn-bg: var(--white);--btn-bg-hover: var(--white)}.tote-select .ts__bagit[aria-disabled=true]{opacity:1;cursor:not-allowed;--btn-bg: var(--silver);--btn-bg-hover: var(--silver);--btn-shadow: var(--pat-dark)}.tote-select .ts__bagit[aria-disabled=true]:hover,.tote-select .ts__bagit[aria-disabled=true]:active{translate:none;box-shadow:4px 4px 0 var(--pat-dark)}.tote-select .ts__more{display:inline-block;padding:14px 0;margin:-6px 0 -14px;color:var(--yellow);font:700 15px / 1.2 var(--font-mono);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.tote-select .ts__more:hover{background:var(--yellow);color:var(--ink);text-decoration:none}.tote-select .ts__error{margin:8px 0 0;color:var(--pink-light);font:700 14px / 1.3 var(--font-mono)}.tote-select .ts__noscript{margin:8px 0 0;font-size:14px}@container (max-width: 500px){.tote-select .ts__stats{grid-template-columns:max-content minmax(0,1fr) max-content;column-gap:10px}.tote-select .ts__note-t{display:none}}@media(prefers-reduced-motion:no-preference){.tote-select .ts__tote.is-in{animation:ts-swing .32s steps(1,end)}.tote-select.is-hop .ts__rig{animation:ts-hop .16s steps(1,end)}.tote-select.is-pop .tf-bubble{animation:ts-pop .7s steps(1,end)}.tote-select.is-hit .ts__rays{animation:ts-rays .2s steps(1,end)}.tote-select.is-hit .ts__card{animation:ts-jolt .18s steps(1,end)}.tote-select.is-splash .ts__splash{visibility:visible;animation:ts-slam 1.15s steps(1,end) forwards}}@keyframes ts-swing{0%{transform:translateY(-6%) rotate(-12deg)}22%{transform:rotate(9deg)}48%{transform:rotate(-5deg)}74%{transform:rotate(2deg)}to{transform:none}}@keyframes ts-hop{0%{transform:translateY(-1.4%)}50%{transform:translateY(-.5%)}to{transform:none}}@keyframes ts-pop{0%{transform:scale(1.35)}12%{transform:scale(0)}55%{transform:scale(.35)}75%{transform:scale(.7)}to{transform:none}}@keyframes ts-rays{0%{transform:rotate(6deg)}50%{transform:rotate(-3deg)}to{transform:none}}@keyframes ts-jolt{0%{transform:translate(6px,-4px)}50%{transform:translate(-3px,2px)}to{transform:none}}@keyframes ts-slam{0%{transform:scale(1.7);opacity:0}8%{transform:scale(.9);opacity:1}16%{transform:scale(1.06)}24%,86%{transform:scale(1)}92%{transform:scaleY(.4)}to{transform:scaleY(0);visibility:hidden}}@media(max-width:1059px)and (min-width:750px){.tote-select .ts__roster{grid-template-columns:repeat(3,minmax(0,1fr));max-width:300px}}@media(max-width:749px){.tote-select{--ts-stage-h: min(40vh, 330px);--cx: 138;--cy: 28;--cw: 664;--ch: 1150}@supports (height: 1svh){.tote-select{--ts-stage-h: min(40svh, 330px)}}.tote-select.section--pad-small{--section-pad: 14px}.tote-select .ts__wrap{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "stage" "roster" "card";grid-template-rows:none}.tote-select .ts__title{font-size:clamp(1.6rem,1.1rem + 2.2vw,2.1rem);text-shadow:3px 3px 0 var(--heading-shadow, var(--pink))}.tote-select .ts__sub,.tote-select .ts__plate,.tote-select .ts__hint,.tote-select .ts__note-t,.tote-select .ts__line--weak{display:none}.tote-select .ts__stage{margin-top:8px}.tote-select .ts__rays{left:calc(var(--gutter, 16px) * -1);right:calc(var(--gutter, 16px) * -1);top:-6%;bottom:-8%;background:repeating-conic-gradient(from -4deg at 50% 40%,var(--ts-rays) 0 8deg,transparent 8deg 20deg)}.tote-select .ts__crop{margin:0 auto}.tote-select .ts__eyebrow{top:2px;max-width:6.4em;padding:5px 7px 4px;font-size:14px;box-shadow:3px 3px 0 var(--ts-shadow)}.tote-select .ts__tote .gun.ts__gun{--gun-fs: .95rem;right:-22%}.tote-select .ts__one{font-size:11px;padding:4px 5px 3px;left:-16%}.tote-select .ts__splash{top:58%;left:calc(var(--gutter, 16px) * -1);right:calc(var(--gutter, 16px) * -1)}.tote-select .ts__swipe{display:block;position:absolute;z-index:4;right:0;top:6px;font:700 11px / 1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-soft, var(--silver));background:var(--bg, var(--ink));padding:3px 4px}.tote-select .ts__roster-wrap{position:relative;z-index:5;margin:-4px calc(var(--gutter, 16px) * -1) 0}.tote-select .ts__roster{display:flex;gap:10px;max-width:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter, 16px);padding:21px var(--gutter, 16px) 10px;scrollbar-width:none}.tote-select .ts__roster::-webkit-scrollbar{display:none}.tote-select .ts__roster:after{content:"";flex:0 0 1px}.tote-select .ts__tile{--tile: clamp(56px, calc((100vw - 56px) / 4.5), 74px);flex:0 0 var(--tile);width:var(--tile);scroll-snap-align:start}.tote-select .ts__under{max-width:none;margin-top:0;padding:0 var(--gutter, 16px)}.tote-select .ts__mugs{padding:14px 0;margin:-14px 0;font-size:13px}.tote-select .ts__card{margin-top:8px;padding:10px 12px 11px;box-shadow:6px 6px 0 var(--ts-shadow)}.tote-select .ts__name{font-size:1.35rem}.tote-select .ts__class{font-size:11px}.tote-select .ts__stats{grid-template-columns:max-content minmax(0,1fr) max-content;gap:5px 10px;margin-top:8px}.tote-select .ts__stat-k{font-size:13.5px}.tote-select .ts__bar{height:12px;gap:2px}.tote-select .ts__lines{margin-top:8px;min-height:2.64em;font-size:14px;line-height:1.32}.tote-select .ts__buy{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:10px}.tote-select .ts__bagit{width:100%;min-height:48px;font-size:1.15rem}.tote-select .ts__more{justify-self:start;font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-tote-select.css.map */