.sanvt-stl{--stl-pad: 86px var(--sanvt-gutter) 96px;--stl-thumbs-w: 150px;--stl-list-w: 520px;--stl-gap: 22px;--stl-thumbs-gap: 14px;--stl-list-gap: 14px;--stl-item-cols: 92px minmax(0, 1fr);--stl-item-gap: 16px;--stl-item-pad: 14px 18px 14px 14px;--stl-t-name: 13px;--stl-t-price: 12px;--stl-t-opt-label: 10.5px;--stl-t-opt-label-ls: .08em;--stl-t-opt-value: 11.5px;--stl-t-total-label: 12px;--stl-t-total-label-ls: .1em;--stl-t-total-value: 14px;--stl-opt-cols: 62px minmax(0, 1fr);--stl-opt-gap: 8px 0;--stl-opt-values-gap: 6px 14px;--stl-opts-gap: 8px;--stl-swatch: 13px;background:var(--sanvt-white);padding:var(--stl-pad);font-family:var(--sanvt-font);line-height:normal}.sanvt-stl__grid{max-width:var(--sanvt-container);margin-inline:auto}.sanvt-stl__tabs{display:grid;grid-template-columns:var(--stl-thumbs-w) minmax(0,1fr);gap:var(--stl-gap);align-items:start}.sanvt-stl__tabs .ui-tabs__nav{flex-direction:column;gap:var(--stl-thumbs-gap)}.sanvt-stl__thumb{aspect-ratio:3 / 4}.sanvt-stl__look{display:grid;grid-template-columns:minmax(0,1fr) var(--stl-list-w);gap:var(--stl-gap);align-items:start}.sanvt-stl__hero{aspect-ratio:4 / 5;overflow:hidden;background:var(--sanvt-black-30)}.sanvt-stl__hero img{width:100%;height:100%;object-fit:cover;display:block}@media(min-width:1101px){.sanvt-stl__tabs .ui-tabs__nav,.sanvt-stl__list{align-self:stretch;contain:size}.sanvt-stl__tabs .ui-tabs__nav{overflow-y:auto;scrollbar-width:none}.sanvt-stl__tabs .ui-tabs__nav::-webkit-scrollbar{display:none;width:0;height:0}.sanvt-stl__thumb{flex-shrink:0}}.sanvt-stl__list{display:flex;flex-direction:column;gap:var(--stl-list-gap)}.sanvt-stl__items{display:flex;flex-direction:column;gap:var(--stl-list-gap);flex:0 1 auto;min-height:0}.sanvt-stl__list>:not(.sanvt-stl__items){flex:none}@media(min-width:1101px){.sanvt-stl__items{overflow-y:auto}}.sanvt-stl__item{display:grid;grid-template-columns:var(--stl-item-cols);gap:var(--stl-item-gap);background:var(--sanvt-black-10);padding:var(--stl-item-pad)}.sanvt-stl__item-media{display:block;aspect-ratio:4 / 5;overflow:hidden;background:var(--sanvt-black-30)}.sanvt-stl__item-media img,.sanvt-stl__item-media svg{width:100%;height:100%;object-fit:cover;display:block}.sanvt-stl__item-body{display:flex;flex-direction:column;min-width:0}.sanvt-stl__item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.sanvt-stl__item-name{display:block;font-size:var(--stl-t-name);color:var(--sanvt-black);text-decoration:none;text-transform:uppercase;letter-spacing:var(--sanvt-t-card-ls)}@media(hover:hover){a.sanvt-stl__item-name:not([disabled]):not([aria-disabled=true]):hover{color:var(--sanvt-black);text-decoration:underline}}.sanvt-stl__item-price{display:flex;align-items:center;gap:8px;margin-top:5px;font-size:var(--stl-t-price);color:var(--sanvt-black-70)}.sanvt-stl__item-sold[hidden]{display:none}.sanvt-stl__item.is-off,.sanvt-stl__item.is-sold{opacity:.55}.sanvt-stl__opts{display:flex;flex-direction:column;gap:var(--stl-opts-gap);margin-top:14px}.sanvt-stl__opt{display:grid;grid-template-columns:var(--stl-opt-cols);align-items:center;gap:var(--stl-opt-gap)}.sanvt-stl__opt-head{display:flex;align-items:center;gap:12px;padding:0;border:0;background:none;font:inherit;text-align:left;color:var(--sanvt-muted);cursor:default}.sanvt-stl__opt-label{font-size:var(--stl-t-opt-label);letter-spacing:var(--stl-t-opt-label-ls);text-transform:uppercase}.sanvt-stl__color{--sanvt-swatch-size: var(--stl-swatch);display:grid;grid-template-columns:var(--stl-opt-cols) auto;align-items:center}.sanvt-stl__color .sanvt-stl__opt-label{color:var(--sanvt-muted)}.sanvt-stl__color .ui-swatch{cursor:default;padding:0;border-bottom:0}.sanvt-stl__color-name{min-width:0;font-size:var(--stl-t-opt-value);color:var(--sanvt-black)}.sanvt-stl__opt-current,.sanvt-stl__opt-head .ui-icon{display:none}.sanvt-stl__opt-reveal{display:grid}.sanvt-stl__opt-values{display:flex;flex-wrap:wrap;gap:var(--stl-opt-values-gap);justify-content:flex-end;min-width:0}.sanvt-stl__opt-values .ui-option,.sanvt-stl__opt-current{font-size:var(--stl-t-opt-value);text-transform:uppercase}.sanvt-stl__total{display:flex;align-items:baseline;justify-content:space-between;margin-top:12px}.sanvt-stl__total-label{font-size:var(--stl-t-total-label);letter-spacing:var(--stl-t-total-label-ls);text-transform:uppercase}.sanvt-stl__total-value{font-size:var(--stl-t-total-value)}.sanvt-stl__error{margin:0;color:var(--sanvt-black)}.sanvt-stl__error[hidden]{display:none}.sanvt-stl__cta{margin-top:6px}@media(max-width:1100px){.sanvt-stl{--stl-item-cols: 104px minmax(0, 1fr);--stl-item-pad: 0 16px 0 0;--stl-opts-gap: 0px}.sanvt-stl__tabs,.sanvt-stl__look{grid-template-columns:1fr;gap:0}.sanvt-stl__look{row-gap:var(--stl-gap)}.sanvt-stl__tabs .ui-tabs__nav{flex-direction:row;gap:0;overflow:hidden}.sanvt-stl__thumb{flex:1 1 0;min-width:0}.sanvt-stl__item{column-gap:16px;row-gap:0;align-items:stretch}.sanvt-stl__item-media{grid-row:1 / span 2;aspect-ratio:auto;height:100%;min-height:160px}.sanvt-stl__item-body{padding-top:16px}.sanvt-stl__opts{margin-top:10px;padding-bottom:4px}.sanvt-stl__opt{display:block}.sanvt-stl__opt-head{width:100%;justify-content:space-between;padding:13px 0;border-top:1px solid var(--sanvt-black-30);cursor:pointer}.sanvt-stl__opt-label{letter-spacing:.1em}.sanvt-stl__color{grid-template-columns:auto minmax(0,1fr) auto;column-gap:12px;padding:13px 0;border-top:1px solid var(--sanvt-black-30)}.sanvt-stl__color-name{justify-self:end}.sanvt-stl__opt-current{display:block;margin-left:auto;font-size:var(--stl-t-opt-value);color:var(--sanvt-black)}.sanvt-stl__opt-head .ui-icon{display:block;transition:transform var(--sanvt-dur-micro) ease}.sanvt-stl__opt.is-open .ui-icon{transform:rotate(180deg)}.sanvt-stl__opt-reveal{grid-template-rows:0fr;transition:grid-template-rows var(--sanvt-dur-drop) var(--sanvt-ease)}.sanvt-stl__opt.is-open .sanvt-stl__opt-reveal{grid-template-rows:1fr}.sanvt-stl__opt-values{overflow:hidden;justify-content:flex-end;gap:12px 20px}.sanvt-stl__opt.is-open .sanvt-stl__opt-values{padding-bottom:14px}}@media(prefers-reduced-motion:reduce){.sanvt-stl__opt-reveal{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/629/assets/sanvt-shop-the-look.css.map */
