.bf.bf-style-with{display:block;min-width:0;max-width:100%;padding:16px 0;background:var(--sw-bg,#0d1117);color:var(--sw-text,#f4f1ea);font:14px/1.4 var(--bf-family-theme);--sw-card-width:var(--sw-card-width-desktop);--sw-image-width:var(--sw-image-width-desktop)}.bf-style-with [hidden]{display:none!important}.bfsw-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 10px 12px}.bf-style-with .bfsw-heading{font-family:var(--sw-heading-family);font-weight:var(--sw-heading-weight);font-size:var(--sw-heading-desktop);line-height:1.2;margin:0;min-width:0;overflow-wrap:anywhere}.bfsw-controls{display:flex;gap:2px;flex:none}.bf-style-with .bfsw-controls button{display:grid;place-items:center;min-width:36px;min-height:36px;padding:4px;border:1px solid var(--sw-border);border-radius:4px;color:var(--sw-text);background:transparent;font:16px/1 Arial}.bfsw-viewport{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y}.bfsw-viewport::-webkit-scrollbar{display:none}.bfsw-track,.bfsw-group{display:flex;align-items:stretch;gap:var(--sw-card-gap,12px);width:max-content;min-width:0}.bfsw-track{padding:6px 0}.bfsw-group{flex:none}.bf-style-with .bfsw-card{display:flex;align-items:center;gap:12px;width:var(--sw-card-width,260px);flex:none;box-sizing:border-box;padding:var(--sw-card-padding,10px);border:1px solid var(--sw-border);border-radius:4px;background:var(--sw-card-bg);color:var(--sw-text);text-decoration:none;white-space:normal;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.bfsw-photo{display:block;position:relative;flex:none;width:var(--sw-image-width,72px);aspect-ratio:4/5;background:#f6f6f6}.bfsw-photo img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-drag:none}.bfsw-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.bfsw-name{font-family:var(--sw-name-family);font-weight:var(--sw-name-weight);font-size:var(--sw-name-desktop);line-height:1.35;overflow-wrap:anywhere}.bfsw-variant{font-family:var(--sw-variant-family);font-weight:var(--sw-variant-weight);font-size:var(--sw-variant-desktop);line-height:1.35;color:var(--sw-muted);overflow-wrap:anywhere}.bfsw-prices{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;margin-top:4px}.bfsw-price{font-family:var(--sw-price-family);font-weight:var(--sw-price-weight);font-size:var(--sw-price-desktop);line-height:1.3;overflow-wrap:anywhere}.bfsw-price-sale{color:var(--sw-sale)}.bfsw-old{font-family:var(--sw-old-family);font-weight:var(--sw-old-weight);font-size:var(--sw-old-desktop);line-height:1.3;color:var(--sw-muted);overflow-wrap:anywhere}.bfsw-badge{position:absolute;top:6px;left:6px;padding:2px 3px;border-radius:3px;background:var(--sw-badge-bg);color:var(--sw-badge-text);font-family:var(--sw-badge-family);font-weight:var(--sw-badge-weight);font-size:var(--sw-badge-desktop);line-height:1.2;white-space:nowrap}.bf-style-with[data-highlight=true] .bfsw-badge{box-shadow:inset 0 0 0 1px #fff9,0 0 6px var(--sw-badge-bg);background-image:linear-gradient(135deg,#ffffff60,transparent 50%);transform:rotate(-3deg)}.bf-style-with .bfsw-status{margin:8px 10px;font:12px/1.4 var(--bf-family-theme)}.bf-style-with .bfsw-status:empty{display:none}.bf-style-with :focus-visible{outline:2px solid var(--sw-text);outline-offset:-3px}@media(max-width:749px){.bf.bf-style-with{--sw-card-width:var(--sw-card-width-mobile);--sw-image-width:var(--sw-image-width-mobile)}.bf-style-with .bfsw-heading{font-size:var(--sw-heading-mobile)}.bfsw-name{font-size:var(--sw-name-mobile)}.bfsw-variant{font-size:var(--sw-variant-mobile)}.bfsw-price{font-size:var(--sw-price-mobile)}.bfsw-old{font-size:var(--sw-old-mobile)}.bfsw-badge{font-size:var(--sw-badge-mobile)}}@media(max-width:749px){.bf.bf-style-with{width:var(--sw-viewport-width,100vw);max-width:none;margin-left:calc(-1 * var(--sw-bleed-left,0px));margin-right:0}.bf-style-with .bfsw-header{padding-inline:10px}}.bf-style-with .bfsw-viewport{scroll-behavior:auto!important;scroll-snap-type:none!important;overflow-anchor:none;direction:ltr}.bf-style-with .bfsw-track,.bf-style-with .bfsw-group{position:relative}.bf-style-with .bfsw-card{align-items:flex-start;cursor:pointer}.bf-style-with .bfsw-info{align-self:stretch}.bf-style-with .bfsw-quick-label{display:block;margin-top:auto;padding-top:12px;text-decoration:underline;text-underline-offset:3px;color:var(--sw-quick-color,var(--sw-text));font-family:var(--sw-quick-family,var(--bf-family-theme));font-weight:var(--sw-quick-weight,400);font-size:var(--sw-quick-desktop,10px);line-height:1.4}.bf-style-with .bfsw-controls button{border:0;border-radius:0;background:transparent;min-width:44px;min-height:44px}.bf-style-with .bfsw-dialog{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(480px,calc(100vw - 20px));max-height:85dvh;overflow-y:auto;padding:24px;border:1px solid var(--sw-border);border-radius:16px;background:var(--sw-bg,#0d1117);color:var(--sw-text,#f4f1ea);text-transform:uppercase}.bfsw-dialog::backdrop{background:#0009}.bfsw-modal-heading{display:flex;flex-direction:column;gap:4px;padding-right:40px;margin-bottom:24px}.bfsw-close{position:absolute;right:12px;top:12px;width:44px;height:44px;font:30px/1 Arial;color:inherit;background:transparent;border:0}.bfsw-dialog .bfsw-sizes{display:flex;flex-wrap:wrap;gap:8px;padding:0;border:0;margin:0 0 20px}.bfsw-sizes label{position:relative;flex:1 0 40px;cursor:pointer}.bfsw-sizes input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.bfsw-sizes label>span{display:grid;place-items:center;min-height:44px;padding:8px;border:1px solid var(--sw-border)}.bfsw-sizes input:checked+span{background:#f6f6f6;color:#000}.bfsw-sizes input:disabled+span{opacity:.4;text-decoration:line-through}.bfsw-sizes input:focus-visible+span{outline:2px solid currentColor;outline-offset:2px}.bfsw-atc{width:100%;min-height:48px;background:#f6f6f6;color:#000;border:1px solid var(--sw-border);padding:12px;text-transform:inherit}.bfsw-atc:disabled{background:transparent;color:inherit;cursor:not-allowed}.bfsw-dialog .bfsw-atc,.bfsw-dialog .bfsw-sizes{font-family:var(--sw-quick-family,var(--bf-family-theme));font-weight:var(--sw-quick-weight,400);font-size:var(--sw-quick-desktop,10px)}.bfsw-cart-status:empty{display:none}.bfsw-cart-status{margin-top:12px}@media(max-width:749px){.bf-style-with .bfsw-quick-label,.bfsw-dialog .bfsw-atc,.bfsw-dialog .bfsw-sizes{font-size:var(--sw-quick-mobile,10px)}}.bf-style-with .bfsw-dialog{width:min(520px,calc(100vw - 48px));max-width:520px;height:fit-content;border-radius:20px;padding:24px;background:var(--sw-modal-bg,#000);color:#f4f1ea;border-color:#ffffff40;outline:none!important;box-shadow:none!important}.bf-style-with .bfsw-dialog :not(.bfsw-close){font-family:var(--sw-modal-family,var(--bf-family-body,Arial));font-weight:var(--sw-modal-weight,400)}.bf-style-with .bfsw-modal-heading{padding-right:48px;margin-bottom:20px;min-height:32px;gap:5px}.bf-style-with .bfsw-modal-heading .bfsw-name{font-size:var(--sw-modal-name-desktop,16px);line-height:1.35;color:#f4f1ea}.bf-style-with .bfsw-modal-heading .bfsw-variant{font-size:var(--sw-modal-variant-desktop,13px);line-height:1.4;color:#aab7be}.bf-style-with .bfsw-close{top:14px;right:12px;font:32px/1 Arial,sans-serif}.bf-style-with .bfsw-dialog form{display:grid;gap:24px;margin-top:20px}.bf-style-with .bfsw-dialog .bfsw-sizes{display:flex;flex-wrap:nowrap;gap:6px;padding:3px 2px 8px;margin:0;overflow-x:auto;scrollbar-width:thin;min-width:0;font-size:var(--sw-modal-text-desktop,14px)}.bf-style-with .bfsw-sizes legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;padding:0;border:0}.bf-style-with .bfsw-sizes label{min-width:44px;flex:1 0 44px}.bf-style-with .bfsw-sizes label>span{min-height:48px;padding:10px 4px;border-color:#849098;line-height:1.3;white-space:nowrap}.bf-style-with .bfsw-sizes input:checked+span{background:#f4f1ea;color:#111a20;border-color:#f4f1ea}.bf-style-with .bfsw-sizes input:disabled+span{opacity:.35}.bf-style-with .bfsw-dialog .bfsw-atc{font-family:var(--sw-atc-family,var(--sw-modal-family,Arial));font-weight:var(--sw-atc-weight,400);font-size:var(--sw-atc-size,14px);background:var(--sw-atc-bg,#f6f6f6);color:var(--sw-atc-color,#000);border:1px solid var(--sw-atc-bg,#f6f6f6);border-radius:0;opacity:1}.bf-style-with .bfsw-dialog .bfsw-atc[data-size-ready=false]{background:var(--sw-modal-bg,#000);color:#f4f1ea;border:1px solid #849098;opacity:1}.bf-style-with .bfsw-cart-status{font-size:var(--sw-modal-text-desktop,14px)}.bf-style-with .bfsw-dialog[data-input-mode=pointer] *:focus,.bf-style-with .bfsw-dialog[data-input-mode=pointer] input:focus+span{outline:none!important;box-shadow:none!important}.bf-style-with .bfsw-dialog[data-input-mode=keyboard] :focus-visible{outline:2px solid #f4f1ea;outline-offset:3px}@media(max-width:749px){.bf-style-with .bfsw-modal-heading .bfsw-name{font-size:var(--sw-modal-name-mobile,12px)}.bf-style-with .bfsw-modal-heading .bfsw-variant{font-size:var(--sw-modal-variant-mobile,10px)}.bf-style-with .bfsw-dialog .bfsw-sizes,.bf-style-with .bfsw-cart-status{font-size:var(--sw-modal-text-mobile,12px)}}.bfsw-product-end{width:100%;min-width:0;overflow:clip}.bfsw-product-end .bf.bf-style-with{width:100%;max-width:100%;margin:0;padding-block:24px 32px}.bf-style-with .bfsw-card{gap:var(--sw-content-gap,8px);width:max(var(--sw-card-width,260px),calc(var(--sw-image-width,100px) + var(--sw-card-padding,8px)*2 + var(--sw-content-gap,8px) + 96px));min-width:0}.bf-style-with .bfsw-photo{width:var(--sw-image-width,100px)}.bf-style-with .bfsw-info{gap:3px}.bf-style-with .bfsw-prices{margin-top:2px}.bf-style-with .bfsw-quick-label{padding-top:8px;min-height:36px;display:flex;align-items:flex-end}.bf-style-with .bfsw-back-wrap{display:flex;justify-content:center;padding:24px 10px 0}.bf-style-with .bfsw-back{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:48px;width:auto;max-width:100%;padding:12px 40px;border:1px solid var(--sw-back-border,#f2efe7);border-radius:4px;background:var(--sw-back-bg,#f2efe7);color:var(--sw-back-color,#111a20);font-family:var(--sw-back-family,var(--bf-family-theme));font-weight:var(--sw-back-weight,400);font-size:var(--sw-back-size-desktop,14px);line-height:1.3;text-align:center;text-decoration:none;overflow-wrap:anywhere}@media(hover:hover)and (pointer:fine){.bf-style-with .bfsw-back:hover{background:var(--sw-back-hover-bg,#ed182e);color:var(--sw-back-hover-color,#fff)}}.bf-style-with .bfsw-back:focus-visible{outline:2px solid var(--sw-text);outline-offset:3px}.bf-style-with[data-empty=true] :is(.bfsw-header,.bfsw-viewport){display:none}@media(max-width:749px){.bf-style-with .bfsw-back{width:100%;font-size:var(--sw-back-size-mobile,12px)}.bfsw-product-end .bf.bf-style-with{padding-block:16px 24px}}
/*# sourceMappingURL=/cdn/shop/t/92/assets/bf-style-with.css.map */