*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{font-family:var(--stt-font-body);font-size:17px;line-height:1.52941;letter-spacing:0;color:var(--stt-text);background-color:var(--stt-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none}img,video,svg{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit;border:none;background:none;outline:none}button{cursor:pointer;touch-action:manipulation}.stt-icon{pointer-events:none;flex-shrink:0}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--stt-font-heading);font-weight:700;line-height:1.08;letter-spacing:-.03em;color:var(--stt-text)}h1{font-size:var(--stt-text-4xl)}h2{font-size:var(--stt-text-3xl)}h3{font-size:var(--stt-text-2xl)}h4{font-size:var(--stt-text-xl)}h5{font-size:var(--stt-text-lg)}h6{font-size:var(--stt-text-base)}:focus-visible{outline:2px solid var(--stt-accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}.stt-h1{font-size:var(--stt-text-5xl)}.stt-h2{font-size:var(--stt-text-4xl)}.stt-h3{font-size:var(--stt-text-3xl)}.stt-h4{font-size:var(--stt-text-2xl)}.stt-h5{font-size:var(--stt-text-xl)}.stt-h6{font-size:var(--stt-text-lg)}.stt-body{font-size:var(--stt-text-base)}.stt-small{font-size:var(--stt-text-sm)}.stt-caption{font-size:var(--stt-text-xs);color:var(--stt-text-muted)}.stt-container{width:100%;max-width:var(--stt-container-max, 1280px);margin-inline:auto;padding-inline:var(--stt-space-2, 16px)}@media(min-width:768px){.stt-container{padding-inline:var(--stt-space-3, 24px)}}@media(min-width:1280px){.stt-container{padding-inline:var(--stt-space-4, 32px)}}.stt-section{padding-block:var(--stt-space-section)}.stt-main{min-height:60vh;padding-top:var(--stt-header-height)}@media(max-width:767px){.stt-main{padding-bottom:var(--stt-action-bar-height)}}.stt-grid{display:grid;gap:var(--stt-space-2);grid-template-columns:repeat(2,1fr)}@media(min-width:768px){.stt-grid{grid-template-columns:repeat(3,1fr);gap:var(--stt-space-3)}}@media(min-width:1024px){.stt-grid{grid-template-columns:repeat(4,1fr)}}.stt-grid--2,.stt-grid--3{grid-template-columns:repeat(2,1fr)}@media(min-width:768px){.stt-grid--3{grid-template-columns:repeat(3,1fr)}}.stt-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:12px 22px;font-size:17px;font-weight:400;letter-spacing:0;border-radius:var(--stt-radius-full);border:none;box-shadow:none;transition:background-color .2s ease,color .2s ease;white-space:nowrap;-webkit-user-select:none;user-select:none;touch-action:manipulation}@media(min-width:1024px){.stt-btn{min-height:44px}}.stt-btn:active{opacity:.85}.stt-btn--primary{background-color:var(--stt-accent);color:#fff;box-shadow:none}.stt-btn--primary:hover{background-color:var(--stt-accent-hover);transform:none}[data-theme=dark] .stt-btn--primary{color:#fff}.stt-btn--secondary{background-color:transparent;border:1px solid rgba(0,0,0,.15);color:var(--stt-text);padding:11px 21px;box-shadow:none}.stt-btn--secondary:hover{border-color:#00000040;background-color:transparent}[data-theme=dark] .stt-btn--secondary{border-color:#ffffff26}[data-theme=dark] .stt-btn--secondary:hover{border-color:#ffffff40}.stt-btn--ghost{background:none;border:none;color:var(--stt-accent);font-weight:400;padding:.5rem;min-height:44px;min-width:44px;box-shadow:none}.stt-btn--ghost:hover{color:var(--stt-accent-hover);background:none}.stt-btn--sm{min-height:36px;padding:8px 16px;font-size:15px}.stt-btn--full{width:100%}.stt-btn--loading .stt-btn__text{visibility:hidden}.stt-btn--loading .stt-btn__spinner{display:block}.stt-btn__spinner{display:none;width:18px;height:18px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:stt-spin .6s linear infinite;position:absolute}.stt-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:12px;font-weight:600;letter-spacing:.04em;border-radius:var(--stt-radius-full);border:1px solid rgba(0,0,0,.1);background-color:#0000000a;color:var(--stt-text);cursor:pointer;transition:background-color .2s ease,border-color .2s ease;touch-action:manipulation;white-space:nowrap}[data-theme=dark] .stt-chip{border-color:#ffffff1a;background-color:#ffffff0f}.stt-chip:hover{background-color:#0000000f;border-color:#00000026}[data-theme=dark] .stt-chip:hover{background-color:#ffffff1a}.stt-chip.is-active,.stt-chip[aria-pressed=true]{background-color:var(--stt-accent);border-color:transparent;color:#fff}[data-theme=dark] .stt-chip.is-active,[data-theme=dark] .stt-chip[aria-pressed=true]{color:#fff}.stt-chip__dismiss{width:14px;height:14px;opacity:.7}.stt-chip__dismiss:hover{opacity:1}.stt-card{position:relative;display:flex;flex-direction:column;background:#fff;border:none;border-radius:var(--stt-radius-lg);overflow:hidden;isolation:isolate;box-shadow:none;transition:background-color .2s ease}[data-theme=dark] .stt-card{background:#1c1c1e;border:none;box-shadow:none}@media(min-width:1024px){.stt-card:hover{transform:none;box-shadow:none}}.stt-card__media{position:relative;aspect-ratio:3 / 4;overflow:hidden;background-color:var(--stt-bg-alt)}.stt-card__image{width:100%;height:100%;object-fit:cover;transition:none}.stt-card__video-badge{position:absolute;top:var(--stt-space-1);left:var(--stt-space-1);z-index:var(--stt-z-base)}.stt-card__body{padding:var(--stt-space-1);display:flex;flex-direction:column;gap:.25rem}.stt-card__vendor{font-size:var(--stt-text-xs);color:var(--stt-text-muted);text-transform:uppercase;letter-spacing:.05em}.stt-card__title{font-family:var(--stt-font-body);font-size:var(--stt-text-sm);font-weight:500;line-height:1.4;color:var(--stt-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.stt-card__title a{text-decoration:none;color:inherit}.stt-card__title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.stt-card__actions{display:flex;gap:.5rem;margin-top:.25rem}.stt-card__quick-add{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background-color:var(--stt-accent);color:#fff;transition:background-color .2s ease;bottom:var(--stt-space-1);right:var(--stt-space-1)}[data-theme=dark] .stt-card__quick-add{color:#fff}.stt-card__quick-add:hover{background-color:var(--stt-accent-hover);transform:none}.stt-card__quick-add.is-added .stt-icon{animation:stt-check-pop .3s ease}.stt-card--mini{flex-direction:row;align-items:center;gap:var(--stt-space-1);padding:var(--stt-space-1);border-radius:var(--stt-radius-sm);background-color:var(--stt-bg-elevated)}.stt-card--mini .stt-card__media{width:64px;height:64px;aspect-ratio:1;flex-shrink:0;border-radius:var(--stt-radius-sm)}.stt-card--mini .stt-card__body{padding:0;min-width:0}.stt-card--mini .stt-card__title{font-size:var(--stt-text-xs);-webkit-line-clamp:1}.stt-badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-radius:var(--stt-radius-full);border:none;line-height:1}.stt-badge--brand{background:#c4a2651a;color:var(--stt-accent)}.stt-badge--sale{background:#e5393514;color:#e53935}.stt-badge--new{background:#c4a2651a;color:var(--stt-accent)}[data-theme=dark] .stt-badge--new{background:#d4b2751f;color:#d4b275}.stt-badge--video{background-color:#0009;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stt-badge--low-stock{background:#f9a8251a;color:#f9a825}.stt-badge--tier{background:#c4a2651a;color:var(--stt-accent)}[data-theme=dark] .stt-badge--tier{background:#d4b2751f;color:#d4b275}.stt-price{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.stt-price__current{font-size:var(--stt-text-base);font-weight:600;color:var(--stt-text)}.stt-price__compare{font-size:var(--stt-text-sm);color:var(--stt-text-muted);text-decoration:line-through}.stt-price__discount{font-size:var(--stt-text-xs);font-weight:600;color:var(--stt-sale)}.stt-price--on-sale .stt-price__current{color:var(--stt-sale)}.stt-stepper{display:inline-flex;align-items:center;border:1px solid rgba(0,0,0,.08);border-radius:var(--stt-radius-sm);overflow:hidden}[data-theme=dark] .stt-stepper{border-color:#ffffff14}.stt-stepper__btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--stt-text);transition:background-color var(--stt-duration-fast) var(--stt-ease)}.stt-stepper__btn:hover{background-color:var(--stt-bg-alt)}.stt-stepper__btn:disabled{opacity:.3;cursor:not-allowed}.stt-stepper__value{min-width:60px;width:60px;height:40px;padding:0;margin-bottom:-10px;box-sizing:border-box;line-height:40px;text-align:center;font-size:var(--stt-text-sm);font-weight:600;-moz-appearance:textfield;background:transparent;border:none;color:inherit}.stt-stepper__value::-webkit-outer-spin-button,.stt-stepper__value::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stt-swatch{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:border-color var(--stt-duration-fast) var(--stt-ease),transform var(--stt-duration-fast) var(--stt-ease);position:relative}.stt-swatch:hover{transform:scale(1.1)}.stt-swatch.is-active{border-color:var(--stt-accent)}.stt-swatch.is-active:after{content:"";display:block;width:12px;height:12px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center / contain no-repeat}.stt-swatch__color{width:32px;height:32px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.stt-size-pill{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 .75rem;font-size:var(--stt-text-sm);font-weight:500;border:1px solid rgba(0,0,0,.1);border-radius:var(--stt-radius-sm);background:#0000000a;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}[data-theme=dark] .stt-size-pill{border-color:#ffffff1a;background:#ffffff0f}.stt-size-pill:hover{border-color:var(--stt-accent);background:#c4a2650f}.stt-size-pill.is-active{background-color:var(--stt-accent);border-color:var(--stt-accent);color:#fff}[data-theme=dark] .stt-size-pill.is-active{color:#fff}.stt-size-pill.is-unavailable{opacity:.3;cursor:not-allowed;text-decoration:line-through}.stt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:var(--stt-z-overlay);opacity:0;visibility:hidden;transition:opacity var(--stt-duration) var(--stt-ease),visibility var(--stt-duration) var(--stt-ease)}.stt-overlay.is-open{opacity:1;visibility:visible}.stt-drawer{position:fixed;top:0;right:0;bottom:0;width:min(400px,85vw);background-color:var(--stt-bg);z-index:var(--stt-z-modal);transform:translate(100%);transition:transform var(--stt-duration) var(--stt-ease);overflow-y:auto;-webkit-overflow-scrolling:touch}.stt-drawer.is-open{transform:translate(0)}.stt-drawer--left{right:auto;left:0;transform:translate(-100%)}.stt-drawer--left.is-open{transform:translate(0)}.stt-bottom-sheet{position:fixed;left:0;right:0;bottom:0;background-color:var(--stt-bg);z-index:var(--stt-z-modal);border-radius:var(--stt-radius-xl) var(--stt-radius-xl) 0 0;transform:translateY(100%);transition:transform var(--stt-duration) var(--stt-ease);max-height:85vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--stt-space-3);padding-bottom:calc(var(--stt-space-3) + env(safe-area-inset-bottom,0px))}.stt-bottom-sheet.is-open{transform:translateY(0)}.stt-bottom-sheet__handle{width:40px;height:4px;background-color:var(--stt-border);border-radius:2px;margin:0 auto var(--stt-space-2)}.stt-skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);z-index:9999;padding:.75rem 1.5rem;background:var(--stt-text);color:var(--stt-bg);text-decoration:none;border-radius:0 0 var(--stt-radius-sm) var(--stt-radius-sm);font-size:var(--stt-text-sm)}.stt-skip-link:focus{top:0}hr{border:none;border-top:1px solid rgba(0,0,0,.06);margin-block:var(--stt-space-3)}[data-theme=dark] hr{border-top-color:#ffffff14}.stt-label{font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:var(--stt-text-muted)}.stt-tertiary{color:#86868b}[data-theme=dark] .stt-tertiary{color:#ebebf566}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff1f}::-webkit-scrollbar-thumb:hover{background:#0003}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#fff3}@supports (padding: env(safe-area-inset-bottom)){.stt-safe-bottom{padding-bottom:env(safe-area-inset-bottom)}}.stt-u-hidden{display:none!important}.stt-u-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.stt-u-flex{display:flex}.stt-u-flex-col{flex-direction:column}.stt-u-flex-wrap{flex-wrap:wrap}.stt-u-items-center{align-items:center}.stt-u-justify-center{justify-content:center}.stt-u-justify-between{justify-content:space-between}.stt-u-gap-1{gap:var(--stt-space-1)}.stt-u-gap-2{gap:var(--stt-space-2)}.stt-u-gap-3{gap:var(--stt-space-3)}.stt-u-text-center{text-align:center}.stt-u-text-muted{color:var(--stt-text-muted)}.stt-u-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stt-u-mb-1{margin-bottom:var(--stt-space-1)}.stt-u-mb-2{margin-bottom:var(--stt-space-2)}.stt-u-mb-3{margin-bottom:var(--stt-space-3)}.stt-u-mb-4{margin-bottom:var(--stt-space-4)}.stt-u-mt-1{margin-top:var(--stt-space-1)}.stt-u-mt-2{margin-top:var(--stt-space-2)}.stt-u-mobile-only{display:block}.stt-u-desktop-only{display:none}@media(min-width:768px){.stt-u-mobile-only{display:none}.stt-u-desktop-only{display:block}}@keyframes stt-spin{to{transform:rotate(360deg)}}@keyframes stt-check-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes stt-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes stt-fade-in{0%{opacity:0}to{opacity:1}}@keyframes stt-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767px){body{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/base.css.map */