.sm-hmr-looks{background:var(--sm-white)}.sm-hmr-look-layout{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(320px,.62fr);gap:20px;align-items:stretch}.sm-hmr-look-stage{position:relative;min-height:690px;overflow:hidden;background:#171717;isolation:isolate}.sm-hmr-look-stage:after{content:"";position:absolute;top:32%;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.88),rgba(0,0,0,.48) 48%,transparent)}.sm-hmr-look-video{width:100%;height:100%;min-height:690px;display:block;object-fit:cover;object-position:center;background:#171717;transition:opacity .22s ease}.sm-hmr-look-video.is-changing{opacity:.25}.sm-hmr-look-index{position:absolute;top:20px;left:20px;z-index:3;display:inline-flex;align-items:center;min-height:29px;padding:0 11px;background:#fffffff0;color:var(--sm-ink);font-size:10px;line-height:1;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.sm-hmr-video-toggle{position:absolute;top:18px;right:18px;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:#111111a3;color:var(--sm-white);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sm-hmr-video-toggle svg{width:17px;height:17px;fill:currentColor}.sm-hmr-look-overlay{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:34px;color:var(--sm-white)}.sm-hmr-look-overlay h3{max-width:650px;margin:0;color:var(--sm-white);font-size:clamp(36px,4vw,58px);line-height:.98;font-weight:900;letter-spacing:-.06em}.sm-hmr-look-overlay p{max-width:620px;margin:12px 0 18px;color:#ffffffd6;font-size:15px;line-height:1.5;font-weight:700}.sm-hmr-look-products{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.sm-hmr-look-products span{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border:1px solid rgba(255,255,255,.34);background:#11111161;color:var(--sm-white);font-size:11px;line-height:1;font-weight:900;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sm-hmr-look-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:47px;padding:0 20px;background:var(--sm-white);color:var(--sm-ink)!important;font-size:12px;line-height:1;font-weight:900;letter-spacing:.045em;text-transform:uppercase;transition:transform .25s ease}.sm-hmr-look-cta:hover{transform:translateY(-2px)}.sm-hmr-look-tabs{display:grid;grid-template-rows:repeat(3,1fr);gap:12px}.sm-hmr-look-tab{position:relative;width:100%;min-height:0;overflow:hidden;padding:0;border:1px solid var(--sm-line);background:#eee;color:var(--sm-white);text-align:left;cursor:pointer;isolation:isolate}.sm-hmr-look-tab:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background-image:var(--sm-tab-image);background-position:center;background-size:cover;transition:transform .45s ease}.sm-hmr-look-tab:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to right,#000000c7,#00000052);transition:background .25s ease}.sm-hmr-look-tab:hover:before,.sm-hmr-look-tab[aria-selected=true]:before{transform:scale(1.045)}.sm-hmr-look-tab[aria-selected=true]{border-color:var(--sm-gold);box-shadow:inset 0 0 0 2px var(--sm-gold)}.sm-hmr-look-tab[aria-selected=true]:after{background:linear-gradient(to right,#000000b8,#0000002e)}.sm-hmr-look-tab-inner{display:flex;min-height:100%;flex-direction:column;justify-content:flex-end;padding:22px}.sm-hmr-look-tab small{display:block;margin-bottom:8px;color:#ffffffb8;font-size:10px;line-height:1;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.sm-hmr-look-tab strong{display:block;max-width:320px;color:var(--sm-white);font-size:24px;line-height:1.02;font-weight:900;letter-spacing:-.04em}.sm-hmr-look-tab em{display:inline-flex;align-items:center;gap:7px;margin-top:10px;color:var(--sm-white);font-size:11px;line-height:1;font-style:normal;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
/*# sourceMappingURL=/cdn/shop/t/18/assets/sm-hmr-looks.css.map */