.bl-swatches--arche,.bl-pf__swatches,.bl-pf__rows,.bl-qa__list{--aw: 56px;--ar-ink: var(--bl-fg);--ar-paper: var(--bl-bg);--ar-gap: 10px}.bl-pf__rows{--aw: 40px;--ar-ink: var(--bl-ink);--ar-paper: var(--bl-surface)}.bl-qa__list{--aw: 44px;--ar-ink: var(--bl-ink);--ar-paper: var(--bl-surface)}@media(min-width:900px){.bl-swatches--arche,.bl-pf__swatches{--aw: 64px;--ar-gap: 12px}}@media(min-width:900px)and (max-width:1023px){.bl-swatches--arche,.bl-pf__swatches{--aw: 56px}}:is(.bl-arche,.bl-swatches--arche>.bl-swatch>.bl-ring){--arb: calc(var(--aw) * .14);position:relative;display:block;flex:none;box-sizing:border-box;width:var(--aw);height:calc(var(--aw) * 1.33);padding:0;margin:0;border-radius:calc(var(--aw) / 2) calc(var(--aw) / 2) var(--arb) var(--arb);background:linear-gradient(165deg,#ffffff4d,#fff0 46%,rgb(var(--bl-shadow-rgb) / .16)),var(--dot, var(--bl-sunken));box-shadow:0 0 0 1px color-mix(in srgb,var(--ar-ink) 16%,transparent),0 1px 2px rgb(var(--bl-shadow-rgb) / .1),0 10px 18px -12px rgb(var(--bl-shadow-rgb) / .45);transform:none;transition:transform var(--bl-dur-3) var(--bl-ease-spring)}:is(.bl-arche,.bl-swatches--arche>.bl-swatch>.bl-ring)>img{display:block;width:100%;height:100%;margin:0;border-radius:inherit;object-fit:cover;background:var(--dot, var(--bl-sunken))}:is(.bl-arche,.bl-swatches--arche>.bl-swatch>.bl-ring):before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;z-index:1;pointer-events:none;box-sizing:border-box;border:1.5px solid var(--ar-ink);border-radius:calc(var(--aw) / 2 + 5px) calc(var(--aw) / 2 + 5px) calc(var(--arb) + 5px) calc(var(--arb) + 5px);opacity:0;transform:scale(.94);transition:opacity var(--bl-dur-2) var(--bl-ease-out),transform var(--bl-dur-3) var(--bl-ease-spring)}:is(.bl-pf__in:checked+.bl-swatch>.bl-arche,.bl-swatches--arche>.bl-swatch[aria-checked=true]>.bl-ring,.bl-qa__opt[aria-checked=true]>.bl-arche,.bl-pf__rows .bl-option[aria-current=true]>.bl-arche):before{opacity:1;transform:none}:is(.bl-pf__in:checked+.bl-swatch>.bl-arche,.bl-swatches--arche>.bl-swatch[aria-checked=true]>.bl-ring,.bl-qa__opt[aria-checked=true]>.bl-arche){transform:none;box-shadow:0 0 0 1px color-mix(in srgb,var(--ar-ink) 16%,transparent),0 1px 2px rgb(var(--bl-shadow-rgb) / .1),0 10px 18px -12px rgb(var(--bl-shadow-rgb) / .45)}:is(.bl-pf__swatches>.bl-swatch[data-soldout=true],.bl-swatches--arche>.bl-swatch[data-soldout=true],.bl-pf__rows .bl-option[data-soldout=true],.bl-qa__opt[aria-disabled=true])>:is(.bl-arche,.bl-ring):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;pointer-events:none;background:linear-gradient(to bottom right,transparent calc(50% - 1.1px),color-mix(in srgb,var(--ar-ink) 78%,transparent) calc(50% - .6px),color-mix(in srgb,var(--ar-ink) 78%,transparent) calc(50% + .6px),transparent calc(50% + 1.1px)),color-mix(in srgb,var(--ar-paper) 46%,transparent)}:is(.bl-pf__swatches>.bl-swatch[data-soldout=true],.bl-swatches--arche>.bl-swatch[data-soldout=true],.bl-pf__rows .bl-option[data-soldout=true],.bl-qa__opt[aria-disabled=true])>:is(.bl-arche,.bl-ring)>img{filter:grayscale(.35);opacity:1}:is(.bl-pf__swatches,.bl-swatches--arche)>.bl-swatch[data-soldout=true]:after{content:none}:is(.bl-arche__tick,.bl-qa__opt>.bl-arche>.bl-qa__tick){position:absolute;right:-7px;bottom:-7px;z-index:2;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--ar-ink);color:var(--ar-paper);box-shadow:0 0 0 2px var(--ar-paper);pointer-events:none;opacity:0;transform:scale(.4);translate:0 0;transition:opacity var(--bl-dur-2) var(--bl-ease-out),transform var(--bl-dur-3) var(--bl-ease-spring),translate var(--bl-dur-3) var(--bl-ease-spring)}:is(.bl-arche__tick,.bl-qa__opt>.bl-arche>.bl-qa__tick) svg{display:block;width:10px;height:10px;stroke-width:2.8}:is(.bl-pf__in:checked+.bl-swatch>.bl-arche__tick,.bl-swatches--arche>.bl-swatch[aria-checked=true]>.bl-arche__tick,.bl-qa__opt[aria-checked=true]>.bl-arche>.bl-qa__tick){opacity:1;transform:none}.bl-qa__opt>.bl-arche>.bl-qa__tick{right:-6px;bottom:-6px;width:17px;height:17px}.bl-qa__opt>.bl-arche>.bl-qa__tick svg{width:9px;height:9px}:is(.bl-colors>.bl-swatches--arche,.bl-pf__opt>.bl-pf__swatches)>.bl-swatch{--arb: calc(var(--aw) * .14);position:relative;display:block;flex:none;width:var(--aw);height:calc(var(--aw) * 1.33);padding:0;margin:0;border-radius:calc(var(--aw) / 2) calc(var(--aw) / 2) var(--arb) var(--arb);touch-action:manipulation;scroll-snap-align:start}.bl-colors>.bl-swatches--arche>.bl-swatch:focus-visible{outline:2px solid var(--bl-focus);outline-offset:8px;border-radius:calc(var(--aw) / 2) calc(var(--aw) / 2) var(--arb) var(--arb)}@media(hover:hover)and (pointer:fine){:is(.bl-colors>.bl-swatches--arche,.bl-pf__opt>.bl-pf__swatches)>.bl-swatch:hover>:is(.bl-arche,.bl-ring){transform:translateY(-3px)}:is(.bl-colors>.bl-swatches--arche,.bl-pf__opt>.bl-pf__swatches)>.bl-swatch:hover>.bl-arche__tick{translate:0 -3px}}:is(.bl-colors>.bl-swatches--arche,.bl-pf__opt>.bl-pf__swatches)>.bl-swatch:active>:is(.bl-arche,.bl-ring){transform:scale(.96);transition-duration:var(--bl-dur-1)}:is(.bl-colors>.bl-swatches--arche,.bl-pf__opt>.bl-pf__swatches)>.bl-swatch:active>.bl-arche__tick{translate:calc(var(--aw) * -.02) calc(var(--aw) * -.0266);transition-duration:var(--bl-dur-1)}.bl-colors>.bl-swatches.bl-swatches--arche,.bl-pf__opt>.bl-pf__swatches{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:var(--ar-gap);margin:-12px calc(-1 * var(--ar-bleed, 12px)) -10px;padding:12px var(--ar-bleed, 12px) 12px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-padding-inline:var(--ar-bleed, 12px);scrollbar-width:none;-webkit-overflow-scrolling:touch;list-style:none;border:0}:is(.bl-colors>.bl-swatches.bl-swatches--arche,.bl-pf__opt>.bl-pf__swatches)::-webkit-scrollbar{display:none}.bl-pf__opt>.bl-pf__swatches,.bl-ppa__colours .bl-swatches--arche,.bl-nua__sw .bl-swatches--arche{--ar-bleed: var(--bl-gutter)}.bl-swatches--arche.bl-swatches--nuancier{padding-bottom:12px}.bl-swatches--arche .bl-swatch__name{top:calc(100% + 8px)}@media(min-width:900px){.bl-colors>.bl-swatches.bl-swatches--arche,.bl-pf__opt>.bl-pf__swatches{flex-wrap:wrap;gap:16px var(--ar-gap);margin:0;padding:0;overflow:visible;max-width:calc(var(--ar-cols, 7) * (var(--aw) + var(--ar-gap)) - var(--ar-gap))}}@media(min-width:900px)and (max-width:1279.98px){.bl-colors>.bl-swatches.bl-swatches--arche,.bl-pf__opt>.bl-pf__swatches{max-width:calc(var(--ar-cols5, 5) * (var(--aw) + var(--ar-gap)) - var(--ar-gap))}}@media(min-width:1280px)and (max-width:1439.98px){.bl-colors>.bl-swatches.bl-swatches--arche,.bl-pf__opt>.bl-pf__swatches{max-width:calc(var(--ar-cols6, 6) * (var(--aw) + var(--ar-gap)) - var(--ar-gap))}}.bl-qa .bl-qa__opt{padding-block:5px}.bl-qa .bl-qa__opt>.bl-arche{padding:0}.bl-qa .bl-qa__list.is-scrub .bl-qa__opt.is-peek>.bl-arche{transform:scale(1.06)}.bl-qa .bl-qa__aside{container:bl-qaa / inline-size}.bl-qa .bl-qa__pv{border-radius:50cqi 50cqi var(--bl-r-md) var(--bl-r-md)}.bl-qa .bl-qa__face{border-radius:inherit}.bl-qa .bl-qa__ph{border-radius:calc(50cqi - 5px) calc(50cqi - 5px) 6px 6px}.bl-qa .bl-qa__so{top:auto;bottom:8px;left:50%;translate:-50% 0;white-space:nowrap}@media(prefers-reduced-motion:reduce){:is(.bl-arche,.bl-swatches--arche>.bl-swatch>.bl-ring),:is(.bl-arche,.bl-swatches--arche>.bl-swatch>.bl-ring):before,:is(.bl-arche__tick,.bl-qa__opt>.bl-arche>.bl-qa__tick){transition:none}:is(.bl-colors>.bl-swatches--arche,.bl-pf__opt>.bl-pf__swatches)>.bl-swatch:is(:hover,:active)>:is(.bl-arche,.bl-ring){transform:none}:is(.bl-colors>.bl-swatches--arche,.bl-pf__opt>.bl-pf__swatches)>.bl-swatch:is(:hover,:active)>.bl-arche__tick{translate:none}}@media(forced-colors:active){:is(.bl-arche,.bl-swatches--arche>.bl-swatch>.bl-ring){outline:0}:is(.bl-pf__in:checked+.bl-swatch>.bl-arche,.bl-swatches--arche>.bl-swatch[aria-checked=true]>.bl-ring,.bl-qa__opt[aria-checked=true]>.bl-arche):before{border:2px solid Highlight}:is(.bl-arche__tick,.bl-qa__opt>.bl-arche>.bl-qa__tick){forced-color-adjust:none;background:Highlight;color:HighlightText}}.bl-garche{--ga-arb: var(--bl-r-md);--ga-arch: 50% 50% var(--ga-arb) var(--ga-arb) / 40% 40% var(--ga-arb) var(--ga-arb);position:relative;isolation:isolate;aspect-ratio:4 / 5;border-radius:var(--ga-arch);background:color-mix(in srgb,var(--bl-fg) 7%,var(--bl-bg));box-shadow:0 0 0 1px color-mix(in srgb,var(--bl-fg) 12%,transparent),0 1px 2px rgb(var(--bl-shadow-rgb) / .08),0 14px 28px -18px rgb(var(--bl-shadow-rgb) / .26),0 44px 80px -40px rgb(var(--bl-shadow-rgb) / .46);transition:box-shadow var(--bl-dur-5) var(--bl-ease-swap),background-color var(--bl-dur-5) var(--bl-ease-swap)}.bl-garche:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px #ffffff52,inset 0 0 0 1px #ffffff14}.bl-garche>:is(img,video,picture,.bl-img-empty){border-radius:inherit}.bl-garche>.bl-garche__pill{position:absolute;left:50%;right:auto;bottom:14px;z-index:2;translate:-50% 0;margin:0;display:inline-block;max-width:calc(100% - 24px);min-height:28px;padding:0 .7rem;line-height:28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;pointer-events:none}@media(min-width:900px){.bl-garche>.bl-garche__pill{bottom:18px}}@media(prefers-reduced-motion:reduce){.bl-garche{transition:none}}@media(forced-colors:active){.bl-garche{border:1px solid CanvasText}}.bl-garche>.bl-garche__ph{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;isolation:isolate}.bl-garche>.bl-garche__ph.is-fit>img{object-fit:contain}.bl-garche>.bl-garche__ph.is-tall>img{object-position:50% 50%}.bl-garche>.bl-garche__ph.is-wide>img{object-position:50% 58%}.bl-garche>.bl-garche__ph.is-sq>img{object-position:50% 100%}.bl-garche>.bl-garche__ph.is-fit:before,.bl-garche>.bl-garche__ph.is-fit:after{content:"";position:absolute;z-index:-1;pointer-events:none;background:var(--fb, none) no-repeat;filter:blur(16px)}.bl-garche>.bl-garche__ph:is(.is-wide,.is-sq):before{top:-40px;right:-40px;bottom:50%;left:-40px;background-size:100% 4000%;background-position:50% 0}.bl-garche>.bl-garche__ph.is-wide:after{top:50%;right:-40px;bottom:-40px;left:-40px;background-size:100% 4000%;background-position:50% 100%}.bl-garche>.bl-garche__ph.is-sq:after{content:none}.bl-garche>.bl-garche__ph.is-tall:before{top:-40px;right:50%;bottom:-40px;left:-40px;background-size:4000% 100%;background-position:0 50%}.bl-garche>.bl-garche__ph.is-tall:after{top:-40px;right:-40px;bottom:-40px;left:50%;background-size:4000% 100%;background-position:100% 50%}
/*# sourceMappingURL=/cdn/shop/t/32/assets/bl-arches.css.map */