bl-lookbook-component{display:block}.bll{padding-block:var(--bll-pt, 96px) var(--bll-pb, 0px);color:var(--ink);font-family:var(--font-body);font-variant-numeric:tabular-nums}.bll .bll__track{--rail-gap: 12px;--cardw: calc((var(--bl-vw) - 8px - 24px) / 2.25);align-items:stretch;margin:0;padding:0;scroll-padding-right:0;scroll-padding-left:0}.bll .bll__wrap{width:auto;max-width:none;margin-inline:0;padding:0;border:var(--frame);border-top:0}.bll .bl-shelf__meta{display:none}.bll .bll-look{background:var(--card)}.bll .bll-look__body{padding:20px 20px 20px 0}.bll__item{display:flex}.bll__item>*{flex:1 1 auto;min-width:0}.bll-look{position:relative;display:grid;grid-template-columns:minmax(0,11fr) minmax(0,9fr);gap:20px;align-items:stretch;min-width:0;color:var(--ink)}.bll-look__ph{position:relative;display:block;width:100%;justify-self:stretch;aspect-ratio:3 / 4;max-width:100%;overflow:hidden;background:var(--plate);cursor:pointer}.bll-look__pic{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center top;transition:opacity .5s var(--ease)}.bll-look__pic--alt{opacity:0}@media(hover:hover)and (pointer:fine){.bll-look:hover .bll-look__pic--alt{opacity:1}}.bll-look:focus-within .bll-look__pic--alt{opacity:1}.bll-look__body{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.bll-look__hd{display:grid;gap:6px;width:100%;min-width:0}.bll-look__num{margin-bottom:2px;font:600 13px / 1 var(--font-body);letter-spacing:.12em;color:var(--mute)}.bll-look__name{margin:0;font:700 clamp(20px,1.45vw,28px) / 1 var(--font-display);text-transform:uppercase;letter-spacing:.01em;color:var(--ink);overflow-wrap:anywhere}.bll-look__line{margin:0;font:400 14px / 1.5 var(--font-body);color:var(--mute);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bll-look__pcs{width:100%;margin:10px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}.bll-pc{display:grid;grid-template-columns:100px minmax(0,1fr);gap:16px;align-items:center;min-height:160px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.bll-pc__ph{position:relative;width:100px;aspect-ratio:4 / 5;background:var(--plate)}.bll-pc__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden}.bll-pc__pic{width:100%;height:100%;max-width:none;object-fit:contain;object-position:center top;padding:6% 8% 30%;mix-blend-mode:darken}.bll-pc__add{position:absolute;right:6px;bottom:6px;z-index:1;display:grid;place-items:center;width:28px;height:28px;margin:0;padding:0;border:0;border-radius:var(--r-btn);background:var(--card);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink);font:400 16px / 1 var(--font-body);cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.bll-pc__add.is-done{background:var(--ink);color:var(--on-ink)}.bll-pc__add[hidden]{display:none}.bll-pc__add[aria-busy=true]{cursor:progress}.bll-pc__add:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.bll-pc__t{display:grid;gap:2px;min-width:0}.bll-pc__name{font:600 14px / 1.5 var(--font-body);color:var(--ink);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bll-pc__meta{font:400 13px / 1.5 var(--font-body);color:var(--mute)}.bll-pc__sw{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.bll-pc__swb{width:24px;height:30px;margin:0;padding:2px;border:0;border-radius:0;background:var(--plate);box-shadow:inset 0 0 0 1px var(--line-2);overflow:hidden;cursor:pointer;transition:box-shadow var(--t-fast) var(--ease)}.bll-pc__swb img{width:100%;height:100%;object-fit:contain;object-position:center top;mix-blend-mode:darken}.bll-pc__swc{display:block;width:100%;height:100%;box-shadow:inset 0 0 0 1px #0a0a0a1f}.bll-pc__swb.is-on{box-shadow:inset 0 0 0 1.5px var(--ink)}.bll-pc__swb:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.bll-look__acts{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%;margin-top:auto;padding-top:16px}.bll-look__cta{max-width:100%}.bll-look__cta-t{white-space:nowrap}.bll-look__sum[hidden]{display:none}.bll__left-out{margin:16px 0 0;padding:0;list-style:none;font:500 14px / 1.5 var(--font-body);color:var(--mute)}.bll-dr{position:fixed;inset:0 0 0 auto;width:min(520px,100%);max-width:100%;height:100%;max-height:100%;margin:0;padding:0;border:0;border-radius:0;background:var(--card);color:var(--ink);font-family:var(--font-body);font-variant-numeric:tabular-nums;overflow:hidden;transform:translate(100%);transition:transform var(--t-med) var(--ease)}.bll-dr[open]{display:flex;flex-direction:column}.bll-dr.is-in{transform:none}.bll-dr::backdrop{background:#0a0a0a00;transition:background var(--t-med) var(--ease)}.bll-dr.is-in::backdrop{background:#0a0a0a80}.bll-dr :where(button){font:inherit}.bll-dr__hd{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px 16px;border-bottom:1px solid var(--line)}.bll-dr__hd-t{min-width:0}.bll-dr__eyebrow{display:block;margin-bottom:6px;font:600 12px / 1 var(--font-body);text-transform:uppercase;letter-spacing:.14em;color:var(--mute)}.bll-dr__title{margin:0;font:600 18px / 1.3 var(--font-body);text-transform:none;letter-spacing:0;color:var(--ink)}.bll-dr__x{flex:none;display:grid;place-items:center;width:36px;height:36px;margin:0 -6px 0 0;padding:0;border:0;border-radius:0;background:transparent;color:var(--ink);cursor:pointer}.bll-dr__x svg{width:20px;height:20px;fill:none;stroke:currentcolor;stroke-width:1.6}.bll-dr__x:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.bll-dr__body{flex:1 1 auto;min-height:0;display:grid;align-content:start;gap:22px;padding:20px 24px 32px;overflow:auto;overscroll-behavior:contain}.bll-dr__phs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bll-dr__phs:empty{display:none}.bll-dr__phs img{width:100%;height:auto;aspect-ratio:2 / 3;object-fit:cover;object-position:center top;background:var(--plate)}.bll-dr__list{margin:0;padding:0;list-style:none;border-top:1px solid var(--ink)}.bll-dr__row{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:18px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.bll-dr__ph{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;background:var(--plate)}.bll-dr__ph img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:contain;padding:10%;mix-blend-mode:darken}.bll-dr__info{min-width:0}.bll-dr__brand{display:block;font:600 12px / 1.3 var(--font-body);text-transform:uppercase;letter-spacing:.08em;color:var(--mute)}.bll-dr__brand:empty{display:none}.bll-dr__name{display:block;margin-top:3px;font:400 15px / 1.3 var(--font-body);color:var(--ink);text-decoration:none}.bll-dr__opts{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:3px;font:400 13px / 1.4 var(--font-body);color:var(--mute)}.bll-dr__colour:empty{display:none}.bll-dr__colour:not(:empty)+.bll-dr__size:before{content:"\b7";margin-right:2px}.bll-dr__size{display:inline-flex;align-items:center;gap:4px}.bll-dr__select{min-width:96px;max-width:100%;min-height:24px;margin:0;padding:2px 0;border:0;border-bottom:1.5px solid var(--ink);border-radius:0;background:transparent;color:var(--ink);font:600 13px / 1.2 var(--font-body);cursor:pointer}.bll-dr__select:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.bll-dr__row.is-missing .bll-dr__select{border-bottom-color:var(--orange-ink)}.bll-dr__pnote,.bll-dr__miss{margin:4px 0 0;font:400 13px / 1.4 var(--font-body);color:var(--mute)}.bll-dr__miss{font-weight:600;color:var(--orange-ink)}.bll-dr__pnote:empty,.bll-dr__miss[hidden]{display:none}.bll-dr__price{margin-top:4px;font:600 14px / 1.3 var(--font-body)}.bll-dr__price:empty{display:none}.bll-dr__r{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.bll-dr__add{min-width:96px}.bll-dr__status{display:inline-flex;align-items:center;gap:8px;font:500 13px / 1.2 var(--font-body);color:var(--mute);white-space:nowrap}.bll-dr__status:empty{display:none}.bll-dr__dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--out)}.bll-dr__dot--ok{background:var(--ok)}.bll-dr__dot--low{background:var(--low)}.bll-dr__dot--pre{background:var(--ink)}.bll-dr__note{margin:0;font:400 14px / 1.5 var(--font-body);color:var(--mute)}.bll-dr__ft{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:16px 24px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--card)}.bll-dr__err{flex:1 1 100%;margin:0;font:500 14px / 1.4 var(--font-body);color:var(--orange-ink)}.bll-dr__err[hidden]{display:none}.bll-dr__tot{display:flex;align-items:baseline;gap:8px;min-width:0}.bll-dr__tot b{font:600 22px / 1 var(--font-body);color:var(--ink)}.bll-dr__tot small{font:400 14px / 1 var(--font-body);color:var(--mute)}.bll-dr__all[aria-busy=true],.bll-dr__add[aria-busy=true]{cursor:progress;opacity:.7}.bll__toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:90;display:flex;align-items:center;gap:16px;max-width:calc(100vw - 32px);padding:14px 18px;background:var(--ink);color:var(--on-ink);font:500 14px / 1.3 var(--font-body);opacity:0;transform:translate(-50%,12px);pointer-events:none;transition:opacity var(--t-med) var(--ease),transform var(--t-med) var(--ease)}.bll__toast.is-on{opacity:1;transform:translate(-50%);pointer-events:auto}.bll__toast-link{flex:none;color:var(--on-ink);font-weight:600;text-decoration:underline;text-decoration-color:currentcolor;text-underline-offset:4px}.bll__toast-link:hover{color:var(--on-ink)}.bll__toast-link[hidden]{display:none}@media(hover:hover)and (pointer:fine){.bll-pc__add:hover{background:var(--ink);color:var(--on-ink)}.bll-pc__name:hover,.bll-dr__name:hover{color:var(--ink);text-decoration:underline;text-decoration-color:currentcolor;text-underline-offset:3px}.bll-pc__swb:hover{box-shadow:inset 0 0 0 1px var(--ink)}.bll-pc__swb.is-on:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}.bll-dr__x:hover{background:var(--tint)}}@media(min-width:1800px){.bll-pc{grid-template-columns:128px minmax(0,1fr);min-height:200px}.bll-pc__ph{width:128px}.bll-pc__name{font-size:15px}}@media(min-width:2400px){.bll .bll__track{--cardw: calc((var(--bl-vw) - 8px - 36px) / 3.25)}}@media(min-width:3000px){.bll .bll__track{--cardw: calc((var(--bl-vw) - 8px - 48px) / 4.25)}}@media(min-width:3600px){.bll .bll__track{--cardw: calc((var(--bl-vw) - 8px - 60px) / 5.25)}}@media(max-width:1199px){.bll .bll__track{--cardw: calc((var(--colw) - 20px) / 2)}}@media(min-width:990px)and (max-width:1419px){.bll-pc{grid-template-columns:72px minmax(0,1fr);gap:12px}.bll-pc__ph{width:72px}}@media(min-width:768px)and (max-width:989px){.bll .bll__track{--cardw: calc((var(--bl-vw) - 8px - 12px) / 1.25)}}@media(max-width:767px){.bll .bll__track{--rail-gap: 12px;--cardw: min(300px, 82vw);margin:0;padding:0;scroll-padding-left:0}.bll-look{grid-template-columns:minmax(0,1fr);gap:10px}.bll .bll-look__body{padding:4px 16px 16px}.bll-dr__hd{padding:16px 16px 14px}.bll-dr__body{padding:16px 16px 24px}.bll-dr__ft{padding:14px 16px calc(14px + env(safe-area-inset-bottom))}.bll-dr__row{grid-template-columns:60px minmax(0,1fr) auto;gap:10px 14px}.bll-dr__add{width:36px;min-width:0;padding:0}.bll-dr__add-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.bll-dr__add:before{content:"+";font-size:20px;font-weight:400;line-height:1}.bll__toast{left:16px;right:16px;max-width:none;justify-content:space-between;transform:translateY(12px)}.bll__toast.is-on{transform:none}}@media(pointer:coarse),(max-width:767px){.bll-dr__size{align-items:baseline}.bll-dr__select{height:24px;padding-block:0 1px;font-size:16px}}@media(pointer:coarse){.bll-pc__add:before,.bll-pc__swb:after,.bll-dr__x:after,.bll-dr__add:after{content:"";position:absolute}.bll-pc__add:before{top:-8px;right:-8px;bottom:-8px;left:-8px}.bll-pc__swb{position:relative;overflow:visible}.bll-pc__swb:after{top:-7px;right:-3px;bottom:-7px;left:-3px}.bll-dr__x,.bll-dr__add{position:relative}.bll-dr__x:after,.bll-dr__add:after{top:-4px;right:-4px;bottom:-4px;left:-4px}.bll-dr__select{height:64px;min-height:0;margin-block:-20px;padding-block:19.5px 26px;border-bottom:0;background:linear-gradient(var(--bll-select-line, var(--ink)),var(--bll-select-line, var(--ink))) 0 42.5px / 100% 1.5px no-repeat}.bll-dr__name{position:relative;z-index:1}.bll-dr__select:focus-visible{outline:0}.bll-dr__size:has(.bll-dr__select:focus-visible){outline:2px solid var(--ink);outline-offset:2px}.bll-dr__row.is-missing .bll-dr__select{--bll-select-line: var(--orange-ink)}}@media(prefers-reduced-motion:reduce){.bll-look__pic,.bll-pc__add,.bll-pc__swb,.bll-dr,.bll-dr::backdrop,.bll__toast{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/90/assets/bl-lookbook.css.map */