.bb-stl{--bb-stl-page: #faf5ee;--bb-stl-card: #fffdf9;--bb-stl-ink: #2a1418;--bb-stl-muted: #6e5a5d;--bb-stl-line: #e6dcd3;--bb-stl-accent: var(--BB-ACCENT, #6b1a2d);--bb-stl-accent-hover: var(--BB-ACCENT-HOVER, #551425);--bb-stl-accent-soft: var(--BB-ACCENT-SOFT, #f6eef0);--bb-stl-ok: #3f7a4a;--bb-stl-disabled: #e2dad6;--bb-stl-sold: #b9aaa7;--bb-stl-r-sm: 6px;--bb-stl-r-lg: 10px;--bb-stl-gutter: clamp(16px, 3vw, 40px);--bb-stl-max: 1360px;--bb-stl-section-gap: clamp(72px, 8vw, 120px);background:var(--bb-stl-page);color:var(--bb-stl-ink);padding-block:calc(var(--bb-stl-section-gap) / 2)}.bb-stl__container{box-sizing:border-box;width:100%;max-width:var(--bb-stl-max);margin-inline:auto;padding-inline:var(--bb-stl-gutter)}.bb-stl__layout{display:grid;grid-template-columns:1fr;gap:clamp(24px,4vw,40px);align-items:start}@media(min-width:900px){.bb-stl__layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center}.bb-stl--image-right .bb-stl__layout{direction:rtl}.bb-stl--image-right .bb-stl__layout>*{direction:ltr}}.bb-stl__media{position:relative;min-width:0;border-radius:var(--bb-stl-r-lg);overflow:hidden;aspect-ratio:4 / 5;background:#ece6df}@media(min-width:900px){.bb-stl__media{aspect-ratio:2 / 3;max-height:820px}}.bb-stl__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%}@media(min-width:900px){.bb-stl__media img{object-position:center center}}.bb-stl__caption{position:absolute;left:10px;bottom:10px;z-index:2;margin:0;padding:6px 10px;border-radius:var(--bb-stl-r-sm);background:#fffdf9f0;font-family:var(--FONT-STACK-BODY);font-size:12px;font-weight:var(--FONT-WEIGHT-BODY);line-height:1.35;color:var(--bb-stl-muted)}.bb-stl__hotspot{position:absolute;z-index:3;width:44px;height:44px;margin:0;padding:0;border:0;background:transparent;transform:translate(-50%,-50%);cursor:pointer;-webkit-tap-highlight-color:transparent}.bb-stl__hotspot-ring{display:grid;place-items:center;width:30px;height:30px;margin:auto;border-radius:50%;background:var(--bb-stl-card);box-shadow:0 0 0 1px #2a14181f;font-family:var(--FONT-STACK-BODY);font-size:13px;font-weight:600;line-height:1;color:var(--bb-stl-ink);transition:background-color .25s ease,color .25s ease,transform .25s ease}.bb-stl__hotspot:hover .bb-stl__hotspot-ring,.bb-stl__hotspot:focus-visible .bb-stl__hotspot-ring,.bb-stl__hotspot.is-active .bb-stl__hotspot-ring,.bb-stl__item.is-linked .bb-stl__hotspot-ring{background:var(--bb-stl-accent);color:#fff;transform:scale(1.08)}.bb-stl__hotspot-tip{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);display:none;max-width:220px;padding:6px 10px;border:1px solid var(--bb-stl-line);border-radius:var(--bb-stl-r-sm);background:var(--bb-stl-card);font-family:var(--FONT-STACK-BODY);font-size:13px;font-weight:400;line-height:1.35;color:var(--bb-stl-ink);white-space:nowrap;pointer-events:none}.bb-stl__hotspot-tip strong{font-weight:500}.bb-stl__hotspot-tip span{color:var(--bb-stl-muted)}@media(min-width:900px)and (hover:hover){.bb-stl__hotspot:hover .bb-stl__hotspot-tip,.bb-stl__hotspot:focus-visible .bb-stl__hotspot-tip{display:block}}.bb-stl__content{min-width:0}.bb-stl__heading{margin:0;font-family:var(--FONT-STACK-HEADING);font-style:var(--FONT-STYLE-HEADING);font-weight:var(--FONT-WEIGHT-HEADING);font-size:var(--font-heading-large);letter-spacing:-.015em;line-height:1.1;text-transform:none;text-wrap:balance;color:var(--bb-stl-ink)}.bb-stl__text{margin:16px 0 0;max-width:42ch;font-family:var(--FONT-STACK-BODY);font-weight:var(--FONT-WEIGHT-BODY);font-size:var(--FONT-SIZE-BASE, 16px);line-height:1.65;color:var(--bb-stl-muted)}.bb-stl__list{list-style:none;margin:clamp(24px,3vw,32px) 0 0;padding:0;border-top:1px solid var(--bb-stl-line)}.bb-stl__item{border-bottom:1px solid var(--bb-stl-line);padding:14px 0;transition:background-color .2s ease}.bb-stl__item.is-linked,.bb-stl__item.is-active{background:var(--bb-stl-accent-soft);margin-inline:-8px;padding-inline:8px;border-radius:var(--bb-stl-r-sm)}.bb-stl__row{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:12px 14px;align-items:start}.bb-stl__thumb{position:relative;display:block;width:72px;aspect-ratio:4 / 5;border-radius:var(--bb-stl-r-sm);overflow:hidden;background:#ece6df;flex-shrink:0}.bb-stl__thumb img{display:block;width:100%;height:100%;object-fit:cover}.bb-stl__num{position:absolute;top:6px;left:6px;z-index:1;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--bb-stl-card);box-shadow:0 0 0 1px #2a14181f;font-family:var(--FONT-STACK-BODY);font-size:11px;font-weight:600;line-height:1;color:var(--bb-stl-ink)}.bb-stl__item.is-active .bb-stl__num,.bb-stl__item.is-linked .bb-stl__num{background:var(--bb-stl-accent);color:#fff;box-shadow:none}.bb-stl__info{min-width:0;transition:opacity .2s ease}.bb-stl__item:not(.is-on) .bb-stl__info,.bb-stl__item:not(.is-on) .bb-stl__thumb{opacity:.45}.bb-stl__vendor{margin:0;font-family:var(--FONT-STACK-BODY);font-size:11px;font-weight:600;letter-spacing:.08em;line-height:1.3;text-transform:uppercase;color:var(--bb-stl-muted)}.bb-stl__name{display:block;margin:4px 0 0;font-family:var(--FONT-STACK-BODY);font-size:15px;font-weight:500;line-height:1.35;color:var(--bb-stl-ink);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bb-stl__name:hover{text-decoration:underline;text-underline-offset:3px}.bb-stl__colour{margin:2px 0 0;font-family:var(--FONT-STACK-BODY);font-size:13px;line-height:1.35;color:var(--bb-stl-muted)}.bb-stl__aside{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.bb-stl__price{font-family:var(--FONT-STACK-BODY);font-size:15px;font-weight:500;line-height:1.2;font-variant-numeric:tabular-nums;color:var(--bb-stl-ink);white-space:nowrap}.bb-stl__check{position:relative;width:28px;height:28px;margin:0;padding:0;border:1px solid var(--bb-stl-line);border-radius:var(--bb-stl-r-sm);background:var(--bb-stl-card);color:#fff;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.bb-stl__check:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.bb-stl__check[aria-checked=true]{background:var(--bb-stl-accent);border-color:var(--bb-stl-accent)}.bb-stl__check svg{display:block;width:16px;height:16px;margin:5px auto 0;opacity:0}.bb-stl__check[aria-checked=true] svg{opacity:1}.bb-stl__sizes{margin-top:10px;padding-left:86px}.bb-stl__size-label{margin:0 0 6px;font-family:var(--FONT-STACK-BODY);font-size:12px;font-weight:400;line-height:1.3;color:var(--bb-stl-muted)}.bb-stl__item.needs-size .bb-stl__size-label{color:var(--bb-stl-accent);font-weight:600}.bb-stl__one-size{margin:0;font-family:var(--FONT-STACK-BODY);font-size:12px;line-height:1.3;color:var(--bb-stl-muted)}.bb-stl__size-group{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;border:0}.bb-stl__size{min-width:38px;height:32px;padding:0 10px;border:1px solid var(--bb-stl-line);border-radius:var(--bb-stl-r-sm);background:var(--bb-stl-card);font-family:var(--FONT-STACK-BODY);font-size:12px;font-weight:500;letter-spacing:0;line-height:1;text-transform:none;color:var(--bb-stl-ink);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.bb-stl__size:hover:not(:disabled){border-color:var(--bb-stl-muted)}.bb-stl__size[aria-checked=true]{background:var(--bb-stl-accent);border-color:var(--bb-stl-accent);color:#fff}.bb-stl__size:disabled{color:var(--bb-stl-sold);text-decoration:line-through;cursor:not-allowed}.bb-stl__item.needs-size .bb-stl__size:not(:disabled){border-color:var(--bb-stl-accent)}.bb-stl__foot{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:clamp(20px,3vw,28px)}.bb-stl__summary-label{margin:0;font-family:var(--FONT-STACK-BODY);font-size:14px;line-height:1.35;color:var(--bb-stl-muted)}.bb-stl__summary-total{margin:4px 0 0;font-family:var(--FONT-STACK-BODY);font-size:22px;font-weight:500;line-height:1.2;font-variant-numeric:tabular-nums;color:var(--bb-stl-ink)}.bb-stl__cta-wrap{flex:1 1 200px;min-width:min(100%,240px)}@media(max-width:899px){.bb-stl__cta-wrap{flex:1 1 100%}}.bb-stl__status{width:100%;margin:12px 0 0;font-family:var(--FONT-STACK-BODY);font-size:13px;line-height:1.4;color:var(--bb-stl-accent);min-height:1.4em}.bb-stl :focus-visible{outline:2px solid var(--bb-stl-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.bb-stl__hotspot-ring,.bb-stl__item,.bb-stl__check,.bb-stl__size{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/bb-shop-the-look.css.map */