:root{--trs-qa-accent: #a11233;--trs-qa-accent-dark: #7d0e28;--trs-qa-ink: #2c1810;--trs-qa-line: rgba(44, 24, 16, .16);--trs-qa-line-strong: rgba(44, 24, 16, .4);--trs-qa-glass: rgba(255, 253, 251, .78);--trs-qa-solid: #fffdfb;--trs-qa-muted: #8a7d77;--trs-qa-ok: #2a6b3f;--trs-qa-radius: 1.1rem;--trs-qa-chip: .9rem;--trs-qa-chip-min: 3.4rem;--trs-qa-ease: cubic-bezier(.22, 1, .36, 1);--trs-qa-dur: .42s;--trs-qa-shadow: 0 -1rem 2.6rem rgba(44, 24, 16, .14)}.trs-qa{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;display:block}.trs-qa__panel{position:absolute;left:0;right:0;bottom:0;max-height:25%;display:flex;align-items:flex-end;padding:1rem;text-decoration:none;opacity:0;transform:translateY(1.6rem);pointer-events:none;transition:transform var(--trs-qa-dur) var(--trs-qa-ease),opacity calc(var(--trs-qa-dur) * .7) var(--trs-qa-ease);will-change:transform,opacity}.trs-qa__panel-inner{width:100%;display:flex;flex-direction:column;gap:.7rem;padding:1.1rem 1.2rem 1.2rem;border-radius:var(--trs-qa-radius);background:var(--trs-qa-glass);box-shadow:var(--trs-qa-shadow);border:1px solid rgba(255,255,255,.55)}@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.trs-qa__panel-inner{-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3)}}.trs-qa__eyebrow{font-size:1rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--trs-qa-muted);line-height:1}.trs-qa__sizes{display:flex;flex-wrap:wrap;gap:.5rem}.trs-qa__chip{display:inline-flex;align-items:center;justify-content:center;min-width:var(--trs-qa-chip-min);min-height:var(--trs-qa-chip-min);padding:.3rem .9rem;border:1px solid var(--trs-qa-line);border-radius:var(--trs-qa-chip);background:#fff9;color:var(--trs-qa-ink);font-family:inherit;font-size:1.25rem;font-weight:500;line-height:1;cursor:pointer;position:relative;-webkit-appearance:none;appearance:none;transition:background-color .22s var(--trs-qa-ease),color .22s var(--trs-qa-ease),border-color .22s var(--trs-qa-ease),transform .22s var(--trs-qa-ease),box-shadow .22s var(--trs-qa-ease)}.trs-qa__chip:hover{border-color:var(--trs-qa-ink);background:#fff;transform:translateY(-1px);box-shadow:0 .4rem 1rem #2c18101f}.trs-qa__chip:focus-visible{outline:2px solid var(--trs-qa-accent);outline-offset:2px}.trs-qa__chip:active{transform:scale(.94)}.trs-qa__chip.is-selected{background:var(--trs-qa-ink);border-color:var(--trs-qa-ink);color:#fff}.trs-qa__chip.is-low:after{content:"";position:absolute;top:.35rem;right:.35rem;width:.5rem;height:.5rem;border-radius:50%;background:#d68a00}.trs-qa__chip.is-unavailable{color:var(--trs-qa-muted);border-color:var(--trs-qa-line);cursor:not-allowed;background:#2c181008}.trs-qa__chip.is-unavailable:before{content:"";position:absolute;left:14%;right:14%;top:50%;height:1px;background:var(--trs-qa-line-strong);transform:rotate(-12deg)}.trs-qa__chip.is-unavailable:hover{transform:none;box-shadow:none;border-color:var(--trs-qa-line);background:#2c181008}.trs-qa__cta{position:relative;display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;min-height:4rem;padding:.9rem 1.4rem;border:1px solid var(--trs-qa-accent);border-radius:var(--trs-qa-chip);background:var(--trs-qa-accent);color:#fff;font-family:inherit;font-size:1.15rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .24s var(--trs-qa-ease),border-color .24s var(--trs-qa-ease),transform .18s var(--trs-qa-ease)}.trs-qa__cta:hover{background:var(--trs-qa-accent-dark);border-color:var(--trs-qa-accent-dark)}.trs-qa__cta:active{transform:scale(.985)}.trs-qa__cta:focus-visible{outline:2px solid var(--trs-qa-ink);outline-offset:2px}.trs-qa__cta--ghost{background:var(--trs-qa-solid);border-color:var(--trs-qa-line-strong);color:var(--trs-qa-ink)}.trs-qa__cta--ghost:hover{background:#fff;border-color:var(--trs-qa-ink)}.trs-qa__cta-ic{display:inline-flex;align-items:center;justify-content:center}.trs-qa__cta-ic svg{width:1.5rem;height:1.5rem}.trs-qa__cta:hover .trs-qa__cta-ic--arrow{transform:translate(.3rem);transition:transform .2s var(--trs-qa-ease)}.trs-qa__cta-ic--spin,.trs-qa__cta-ic--check,.trs-qa[data-state=adding] .trs-qa__cta-txt,.trs-qa[data-state=adding] .trs-qa__cta-ic--arrow,.trs-qa[data-state=added] .trs-qa__cta-txt,.trs-qa[data-state=added] .trs-qa__cta-ic--arrow{display:none}.trs-qa[data-state=adding] .trs-qa__cta-ic--spin{display:inline-flex}.trs-qa[data-state=added] .trs-qa__cta-ic--check{display:inline-flex;animation:trs-qa-pop .4s var(--trs-qa-ease)}.trs-qa[data-state=added] .trs-qa__cta{background:var(--trs-qa-ok);border-color:var(--trs-qa-ok)}.trs-qa__cta-ic--spin:after{content:"";width:1.5rem;height:1.5rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:trs-qa-spin .7s linear infinite}.trs-qa__toast{position:absolute;left:50%;bottom:1.2rem;transform:translate(-50%,.8rem);display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.2rem;border-radius:5rem;background:var(--trs-qa-ink);color:#fff;font-size:1.15rem;font-weight:600;letter-spacing:.04em;opacity:0;pointer-events:none;transition:opacity .3s var(--trs-qa-ease),transform .3s var(--trs-qa-ease)}.trs-qa__toast-ic{display:inline-flex}.trs-qa__toast-ic svg{width:1.5rem;height:1.5rem}.trs-qa[data-state=added] .trs-qa__toast{opacity:1;transform:translate(-50%)}.trs-qa__fab{position:absolute;right:1rem;bottom:1rem;width:3.8rem;height:3.8rem;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:var(--trs-qa-solid);color:var(--trs-qa-ink);box-shadow:0 .4rem 1.4rem #2c181038;cursor:pointer;pointer-events:auto;text-decoration:none;-webkit-appearance:none;appearance:none;opacity:0;transform:scale(.85);animation:trs-qa-fab-in .5s var(--trs-qa-ease) .25s forwards;transition:transform .22s var(--trs-qa-ease),background-color .22s var(--trs-qa-ease),color .22s var(--trs-qa-ease)}.trs-qa__fab:active{transform:scale(.9)}.trs-qa__fab:focus-visible{outline:2px solid var(--trs-qa-accent);outline-offset:3px}.trs-qa__fab-ic{display:inline-flex;align-items:center;justify-content:center;transition:opacity .2s var(--trs-qa-ease),transform .3s var(--trs-qa-ease)}.trs-qa__fab-ic svg{width:1.9rem;height:1.9rem}.trs-qa__fab-ic--check{position:absolute;opacity:0;transform:scale(.4)}.trs-qa[data-state=added] .trs-qa__fab{background:var(--trs-qa-ok);color:#fff}.trs-qa[data-state=added] .trs-qa__fab-ic--plus{opacity:0;transform:scale(.4) rotate(-45deg)}.trs-qa[data-state=added] .trs-qa__fab-ic--check{opacity:1;transform:scale(1);animation:trs-qa-pop .4s var(--trs-qa-ease)}.trs-qa[data-state=adding] .trs-qa__fab{color:var(--trs-qa-muted)}@media(hover:hover)and (pointer:fine){.trs-qa__fab{opacity:0;pointer-events:none;animation:none;transform:scale(.9)}.trs-qa__fab:focus-visible{opacity:1;pointer-events:auto;transform:scale(1)}.card__inner:hover .trs-qa__panel,.trs-qa:focus-within .trs-qa__panel{opacity:1;transform:translateY(0);pointer-events:auto}.trs-qa__chip{opacity:0;transform:translateY(.5rem);transition:opacity .3s var(--trs-qa-ease),transform .3s var(--trs-qa-ease),background-color .22s var(--trs-qa-ease),color .22s var(--trs-qa-ease),border-color .22s var(--trs-qa-ease),box-shadow .22s var(--trs-qa-ease)}.card__inner:hover .trs-qa__chip,.trs-qa:focus-within .trs-qa__chip{opacity:1;transform:none}.card__inner:hover .trs-qa__chip:nth-child(2),.trs-qa:focus-within .trs-qa__chip:nth-child(2){transition-delay:.03s}.card__inner:hover .trs-qa__chip:nth-child(3),.trs-qa:focus-within .trs-qa__chip:nth-child(3){transition-delay:.06s}.card__inner:hover .trs-qa__chip:nth-child(4),.trs-qa:focus-within .trs-qa__chip:nth-child(4){transition-delay:.09s}.card__inner:hover .trs-qa__chip:nth-child(5),.trs-qa:focus-within .trs-qa__chip:nth-child(5){transition-delay:.12s}.card__inner:hover .trs-qa__chip:nth-child(6),.trs-qa:focus-within .trs-qa__chip:nth-child(6){transition-delay:.15s}.card__inner:hover .trs-qa__chip:nth-child(7),.trs-qa:focus-within .trs-qa__chip:nth-child(7){transition-delay:.18s}.card__inner:hover .trs-qa__chip:nth-child(8),.trs-qa:focus-within .trs-qa__chip:nth-child(8){transition-delay:.21s}.trs-qa.is-dismissed .trs-qa__panel{opacity:0!important;transform:translateY(1.6rem)!important;pointer-events:none!important}}@media(hover:none),(pointer:coarse){.trs-qa__panel{display:none}.trs-qa__fab{opacity:0;transform:scale(.85)}}.trs-qa-sheet__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;background:#140c086b;opacity:0;pointer-events:none;transition:opacity .32s var(--trs-qa-ease)}.trs-qa-sheet__backdrop.is-open{opacity:1;pointer-events:auto}.trs-qa-sheet{position:fixed;left:0;right:0;bottom:0;z-index:999;padding:1.4rem 1.6rem calc(1.8rem + env(safe-area-inset-bottom,0px));background:var(--trs-qa-solid);border-top-left-radius:1.8rem;border-top-right-radius:1.8rem;box-shadow:0 -1.4rem 3.6rem #2c18103d;transform:translateY(100%);transition:transform .42s var(--trs-qa-ease);max-height:80vh;overflow-y:auto}.trs-qa-sheet.is-open{transform:translateY(0)}.trs-qa-sheet__grip{width:4rem;height:.4rem;border-radius:5rem;background:var(--trs-qa-line);margin:0 auto 1.4rem}.trs-qa-sheet__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.4rem}.trs-qa-sheet__title{font-size:1.5rem;font-weight:600;letter-spacing:.02em;color:var(--trs-qa-ink)}.trs-qa-sheet__sub{display:block;font-size:1.1rem;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--trs-qa-muted);margin-bottom:.3rem}.trs-qa-sheet__close{display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border:1px solid var(--trs-qa-line);border-radius:50%;background:transparent;color:var(--trs-qa-ink);cursor:pointer;-webkit-appearance:none;appearance:none}.trs-qa-sheet__close svg{width:1.8rem;height:1.8rem}.trs-qa-sheet__close:focus-visible{outline:2px solid var(--trs-qa-accent);outline-offset:2px}.trs-qa-sheet__sizes{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.6rem,1fr));gap:.8rem}.trs-qa-sheet__sizes .trs-qa__chip{min-height:5.2rem;font-size:1.5rem;border-radius:var(--trs-qa-chip);background:var(--trs-qa-solid)}.trs-qa-sheet.is-busy{pointer-events:none}.trs-qa-sheet__done{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:2rem 0 1rem;color:var(--trs-qa-ok);font-size:1.5rem;font-weight:600}.trs-qa-sheet__done svg{width:3.2rem;height:3.2rem;animation:trs-qa-pop .45s var(--trs-qa-ease)}@media(prefers-reduced-motion:reduce){.trs-qa__panel,.trs-qa__chip,.trs-qa__cta,.trs-qa__fab,.trs-qa__toast,.trs-qa-sheet,.trs-qa-sheet__backdrop{transition-duration:.001ms!important}.trs-qa__fab{animation:none;opacity:1;transform:none}.trs-qa__chip{opacity:1!important;transform:none!important}.trs-qa[data-state=added] .trs-qa__cta-ic--check,.trs-qa[data-state=added] .trs-qa__fab-ic--check,.trs-qa-sheet__done svg{animation:none}.trs-qa__cta-ic--spin:after{animation-duration:1.4s}}@keyframes trs-qa-spin{to{transform:rotate(360deg)}}@keyframes trs-qa-pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.12);opacity:1}to{transform:scale(1)}}@keyframes trs-qa-fab-in{to{opacity:1;transform:scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/trs-quick-add.css.map */