.sl-section,.sl-pcard,.sl-qv{font-size:var(--sl-font-base, 16px)}.sl-section{padding-block:var(--sl-section-pad, 3em)}.sl-section__inner{max-width:var(--sl-container, 1400px);margin-inline:auto;padding-inline:1.25em}.sl-section__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.75em;margin-block-end:1.5em}.sl-section__title{margin:0;font-size:clamp(1.5em,1.1em + 1.4vw,2.25em)}.sl-section__link{color:var(--sl-primary-strong);text-decoration:none;border-block-end:1px solid currentColor;padding-block-end:2px;font-size:.9em}.sl-section__empty{color:var(--sl-muted)}.sl-grid{display:grid;gap:var(--sl-grid-gap, 1.5em) var(--sl-grid-gap-inline, 1em);grid-template-columns:repeat(var(--sl-grid-cols-mobile, 2),minmax(0,1fr));list-style:none;margin:0;padding:0}@media(min-width:750px){.sl-grid{grid-template-columns:repeat(var(--sl-grid-cols, 4),minmax(0,1fr));gap:var(--sl-grid-gap, 1.5em)}}.sl-pcard{position:relative;display:flex;flex-direction:column;gap:.55em;text-align:var(--sl-card-align, start)}.sl-pcard__media{position:relative;aspect-ratio:var(--sl-pcard-ratio, 3 / 4);overflow:hidden;border-radius:var(--sl-radius-card);background:var(--sl-media-bg)}.sl-pcard__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity var(--sl-dur) var(--sl-ease),transform calc(var(--sl-dur) * 2) var(--sl-ease)}.sl-pcard__img--hover{opacity:0}.sl-pcard__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:var(--sl-line);background:var(--sl-media-bg)}@media(hover:hover){.sl-pcard--swap:hover .sl-pcard__img--hover{opacity:1}.sl-pcard--swap:hover .sl-pcard__img--main{opacity:0}.sl-pcard--zoom:hover .sl-pcard__img--main{transform:scale(1.06)}}@media(hover:hover)and (pointer:fine){.sl-pcard__media[data-sl-spotlight]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:0;transition:opacity var(--sl-dur) var(--sl-ease);background:radial-gradient(circle at var(--sl-mx, 50%) var(--sl-my, 50%),color-mix(in srgb,var(--sl-primary) 40%,transparent),transparent 55%);mix-blend-mode:soft-light}.sl-pcard__media[data-sl-spotlight].is-spot:after{opacity:1}}@media(prefers-reduced-motion:reduce){.sl-pcard__media[data-sl-spotlight]:after{display:none}}[data-sl-motion=off] .sl-pcard__media[data-sl-spotlight]:after{display:none}.sl-pcard__body{display:flex;flex-direction:column;gap:.3em}.sl-pcard__vendor{margin:0;font-size:.74em;letter-spacing:.09em;text-transform:uppercase;color:var(--sl-muted)}.sl-pcard__title{margin:0;font-size:1.02em;line-height:1.25;font-weight:500}.sl-pcard__link{color:var(--sl-ink);text-decoration:none}.sl-pcard__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.sl-pcard__link:hover{color:var(--sl-primary-strong)}.sl-pcard__media .sl-badges{position:absolute;inset-block-start:.6em;inset-inline-start:.6em;z-index:2;pointer-events:none}.sl-badges{display:flex;flex-wrap:wrap;gap:.35em}.sl-badge{padding:.28em .6em;border-radius:calc(var(--sl-radius-button) / 2);background:var(--sl-card);color:var(--sl-ink);box-shadow:var(--sl-shadow-sm);font-size:.7em;letter-spacing:.05em;text-transform:uppercase;line-height:1.4}.sl-badge--sale{background:var(--sl-accent);color:var(--sl-on-accent)}.sl-badge--sold-out{background:var(--sl-ink);color:var(--sl-page)}.sl-badge--custom{background:var(--sl-highlight);color:var(--sl-on-highlight)}.sl-pcard__actions{position:absolute;inset-block-start:.6em;inset-inline-end:.6em;z-index:3;display:flex;flex-direction:column;gap:.4em}.sl-pcard__action{width:2.25em;height:2.25em;display:grid;place-items:center;border:0;border-radius:50%;background:var(--sl-card);color:var(--sl-ink);box-shadow:var(--sl-shadow-sm);cursor:pointer;opacity:0;transform:translateY(-6px);transition:opacity var(--sl-dur) var(--sl-ease),transform var(--sl-dur) var(--sl-ease),background var(--sl-dur) var(--sl-ease)}.sl-pcard__action svg{width:1.05em;height:1.05em;fill:currentColor}.sl-pcard__action:hover{background:var(--sl-primary);color:var(--sl-on-primary)}.sl-pcard__wishlist{position:absolute;inset-block-start:.6em;inset-inline-end:.6em;z-index:4}.sl-pcard__media:has(.sl-pcard__wishlist) .sl-pcard__actions{inset-block-start:3.35em}.sl-pcard__wishlist-button{width:2.25em;height:2.25em;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:var(--sl-card);color:var(--sl-ink);box-shadow:var(--sl-shadow-sm);cursor:pointer;transition:background var(--sl-dur) var(--sl-ease),color var(--sl-dur) var(--sl-ease),transform var(--sl-dur-fast) var(--sl-ease)}.sl-pcard__wishlist-icon{width:1.05em;height:1.05em;fill:none;stroke:currentColor;stroke-width:1.5}.sl-pcard__wishlist.is-saved .sl-pcard__wishlist-button{background:var(--sl-primary);color:var(--sl-on-primary)}.sl-pcard__wishlist.is-saved .sl-pcard__wishlist-icon{fill:currentColor;stroke:currentColor}.sl-pcard__wishlist-button:active{transform:scale(.9)}@media(prefers-reduced-motion:reduce){.sl-pcard__wishlist-button{transition:none}.sl-pcard__wishlist-button:active{transform:none}}.sl-pcard__add{position:absolute;inset-inline:.6em;inset-block-end:.6em;z-index:3;opacity:0;transform:translateY(8px);transition:opacity var(--sl-dur) var(--sl-ease),transform var(--sl-dur) var(--sl-ease)}.sl-pcard__add .sl-btn{width:100%}.sl-btn--sm{padding:.5em 1em;font-size:.85em}.sl-btn[disabled]{opacity:.55;cursor:not-allowed;box-shadow:none}.sl-btn[disabled]:hover{transform:none;background:var(--sl-primary)}@media(hover:hover){.sl-pcard:hover .sl-pcard__action,.sl-pcard__action:focus-visible,.sl-pcard:hover .sl-pcard__add,.sl-pcard__add:focus-within{opacity:1;transform:none}}@media(hover:none){.sl-pcard__action,.sl-pcard__add{opacity:1;transform:none}}.sl-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4em;color:var(--sl-ink)}.sl-price__from{color:var(--sl-muted);font-size:.85em}.sl-price__current,.sl-price__was{direction:ltr;unicode-bidi:isolate}.sl-price__current{font-weight:600}.sl-price--sale .sl-price__current{color:var(--sl-primary-strong)}.sl-price__was{color:var(--sl-muted);font-size:.9em}.sl-price__unit{flex-basis:100%;font-size:.76em;color:var(--sl-muted)}.sl-rating{display:flex;align-items:center;gap:.4em}.sl-rating__stars{position:relative;display:inline-block;line-height:0}.sl-rating__svg{display:block;width:var(--sl-rating-size, 74px);height:auto}.sl-rating__empty .sl-rating__svg{fill:var(--sl-line)}.sl-rating__fill{position:absolute;inset-block-start:0;inset-inline-start:0;overflow:hidden}.sl-rating__fill .sl-rating__svg{fill:var(--sl-primary)}.sl-rating--md{--sl-rating-size: 94px}.sl-rating__count{font-size:.76em;color:var(--sl-muted)}.sl-swatch{display:block;inline-size:calc(var(--sl-swatch-size, 26px) * var(--sl-swatch-scale, 1));block-size:calc(var(--sl-swatch-size, 26px) * var(--sl-swatch-scale, 1));border:1px solid var(--sl-line);background:var(--sl-swatch-bg, var(--sl-surface)) var(--sl-swatch-focal, center) / cover no-repeat}.sl-swatch--circle{border-radius:50%}.sl-swatch--square{border-radius:calc(var(--sl-radius-button) * .35)}.sl-swatch--unavailable{background:repeating-linear-gradient(45deg,var(--sl-surface) 0 4px,var(--sl-line) 4px 6px)}.sl-pcard__swatches{display:flex;flex-wrap:wrap;align-items:center;gap:.35em;margin-block-start:.1em}.sl-pcard__swatch{--sl-swatch-scale: .6;position:relative;z-index:2;padding:2px;border:1.5px solid transparent;border-radius:50%;background:none;line-height:0;cursor:pointer;transition:border-color var(--sl-dur) var(--sl-ease)}.sl-pcard__swatch:has(.sl-swatch--square){border-radius:calc(var(--sl-radius-button) * .35 + 3px)}.sl-pcard__swatch.is-active{border-color:var(--sl-ink)}.sl-pcard__swatch-more{position:relative;z-index:2;font-size:.75em;color:var(--sl-muted);text-decoration:none}.sl-no-scroll{overflow:hidden}.sl-arrow{display:inline-block}[dir=rtl] .sl-arrow{transform:scaleX(-1)}.sl-qv{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1em;background:var(--sl-overlay);opacity:0;transition:opacity var(--sl-dur) var(--sl-ease)}.sl-qv[hidden]{display:none}.sl-qv.is-open{opacity:1}.sl-qv__dialog{position:relative;z-index:1;width:min(940px,100%);max-height:90vh;overflow-y:auto;background:var(--sl-card);border-radius:var(--sl-radius-card);box-shadow:var(--sl-shadow-lg);transform:translateY(14px) scale(.985);transition:transform var(--sl-dur) var(--sl-ease)}.sl-qv.is-open .sl-qv__dialog{transform:none}.sl-qv__close{position:absolute;inset-block-start:.75em;inset-inline-end:.75em;z-index:4;width:2.25em;height:2.25em;display:grid;place-items:center;border:0;border-radius:50%;background:var(--sl-card);color:var(--sl-ink);box-shadow:var(--sl-shadow-sm);cursor:pointer}.sl-qv__close svg{width:.95em;height:.95em;fill:currentColor}.sl-qv__spinner{display:grid;place-items:center;min-height:180px;color:var(--sl-muted)}.sl-qv__spinner[hidden]{display:none}.sl-qv__spinner span{width:1.5em;height:1.5em;border:2px solid var(--sl-line);border-block-start-color:var(--sl-primary);border-radius:50%;animation:sl-spin .7s linear infinite}@keyframes sl-spin{to{transform:rotate(1turn)}}.sl-qv__grid{display:grid;gap:1.25em;padding:1.25em}@media(min-width:750px){.sl-qv__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2em;padding:1.75em}}.sl-qv__media{display:flex;flex-direction:column;gap:.6em}.sl-qv__main{position:relative;aspect-ratio:4 / 5;border-radius:var(--sl-radius-card);background:var(--sl-media-bg);display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.sl-qv__main::-webkit-scrollbar{display:none}.sl-qv__slide{position:relative;flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}.sl-qv__main img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.sl-qv__thumbs{display:flex;flex-wrap:nowrap;gap:.4em;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:.4em;padding-block-end:.2em;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.sl-qv__thumb{flex:0 0 3.25em;width:3.25em;height:3.25em;padding:0;overflow:hidden;border:1.5px solid transparent;border-radius:calc(var(--sl-radius-card) / 2);background:var(--sl-media-bg);cursor:pointer;scroll-snap-align:start}.sl-qv__thumb[aria-pressed=true]{border-color:var(--sl-ink)}.sl-qv__thumb img{width:100%;height:100%;object-fit:cover;display:block}.sl-qv__info{display:flex;flex-direction:column;gap:.75em;align-content:start}.sl-qv__vendor{margin:0;font-size:.76em;letter-spacing:.09em;text-transform:uppercase;color:var(--sl-muted)}.sl-qv__title{margin:0;font-size:clamp(1.3em,1.1em + .8vw,1.75em);line-height:1.15}.sl-qv__title a{color:var(--sl-ink);text-decoration:none}.sl-qv__actions{display:flex;flex-wrap:wrap;gap:.6em;align-items:center}.sl-qv__qty{display:inline-flex;align-items:center;border:1.5px solid var(--sl-line);border-radius:var(--sl-radius-button);overflow:hidden}.sl-qv__qty button{width:2.25em;height:2.6em;border:0;background:none;color:var(--sl-ink);font-size:1.05em;cursor:pointer}.sl-qv__qty input{width:2.5em;height:2.6em;border:0;background:none;color:var(--sl-ink);text-align:center;font-family:inherit;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.sl-qv__qty input::-webkit-outer-spin-button,.sl-qv__qty input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.sl-qv__submit{flex:1 1 12em}.sl-qv__error{color:var(--sl-primary-strong);font-size:.85em}.sl-qv__error[hidden]{display:none}.sl-qv__details{color:var(--sl-primary-strong);font-size:.9em;text-decoration:none;border-block-end:1px solid currentColor;padding-block-end:2px;align-self:start}.sl-qv__desc{color:var(--sl-muted);font-size:.92em;line-height:1.6}.sl-qv__desc>:first-child{margin-block-start:0}@media(prefers-reduced-motion:reduce){.sl-pcard__img,.sl-pcard__action,.sl-pcard__add,.sl-qv,.sl-qv__dialog{transition:none}.sl-qv__spinner span{animation-duration:2s}}Shared by the product page and Quick View: one implementation,so a swatch looks the same wherever it appears. Unavailable values stay visible and are struck through rather than removed \2014  hiding a sold-out size is the thing a <select> does wrong. */ .sl-variant__option{display:flex;flex-direction:column;gap:.4em}.sl-variant__option+.sl-variant__option{margin-block-start:1.1em}.sl-variant__option-name{font-size:.8em;letter-spacing:.06em;text-transform:uppercase;color:var(--sl-muted)}.sl-variant__option-name b{color:var(--sl-ink);font-weight:500;text-transform:none;letter-spacing:0}.sl-variant__swatches{display:flex;flex-wrap:wrap;align-items:center;gap:.35em;margin-block-start:.1em}.sl-variant__swatch{position:relative;padding:2px;border:1.5px solid transparent;border-radius:50%;background:none;line-height:0;cursor:pointer;transition:border-color var(--sl-dur) var(--sl-ease)}.sl-variant__swatch:has(.sl-swatch--square){border-radius:calc(var(--sl-radius-button) * .35 + 3px)}.sl-variant__swatch[aria-pressed=true]{border-color:var(--sl-ink)}.sl-variant__pills{display:flex;flex-wrap:wrap;gap:.4em}.sl-variant__pill{padding:.45em .9em;border:1.5px solid var(--sl-line);border-radius:var(--sl-radius-button);background:var(--sl-card);color:var(--sl-ink);font-family:var(--sl-font-body);font-size:.88em;cursor:pointer;transition:border-color var(--sl-dur) var(--sl-ease),background var(--sl-dur) var(--sl-ease)}.sl-variant__pill[aria-pressed=true]{border-color:var(--sl-btn-bg, var(--sl-primary));background:var(--sl-btn-bg, var(--sl-primary));color:var(--sl-btn-fg, var(--sl-on-primary))}.sl-variant__value--unavailable,.sl-variant__pill.is-unavailable,.sl-variant__swatch.is-unavailable{opacity:.4;text-decoration:line-through}@media(pointer:coarse){.sl-pcard__action{position:relative}.sl-pcard__action:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px}.sl-pcard__swatch:after{content:"";position:absolute;inset-block:-11px;inset-inline:-2px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/sl-components.css.map */