[data-materials-explorer] .bb-configurator-brand{top:clamp(16px,2vw,28px);left:clamp(16px,2vw,32px);right:clamp(16px,2vw,32px);max-width:none;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px}[data-materials-explorer] .bb-configurator-brand-row{display:contents}[data-materials-explorer] .bb-configurator-back-products{grid-column:1;grid-row:1;justify-self:start;white-space:nowrap}[data-materials-explorer] .bb-configurator-home-link{grid-column:2;grid-row:1;justify-self:center}[data-materials-explorer] .bb-viewer-frame{position:relative}[data-materials-explorer] .bb-configurator-brand-title{grid-column:3;grid-row:1;justify-self:end;max-width:min(100%,360px);color:#fffffff5;font-family:var(--bb-configurator-font);font-style:var(--bb-configurator-font-style);font-size:clamp(16px,1.45vw,26px);font-weight:500;line-height:1.2;text-align:right;white-space:normal;overflow-wrap:anywhere;text-shadow:0 1px 10px rgba(0,0,0,.35);pointer-events:none}[data-materials-explorer] .bb-pattern-picker{position:relative;width:100%;margin:5px 0 10px}[data-materials-explorer] .bb-pattern-picker-button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:7px 12px;border:1px solid rgba(255,255,255,.3);border-radius:5px;background:#ffffff14;color:inherit;font:inherit;text-align:left;cursor:pointer}[data-materials-explorer] .bb-pattern-picker-button:hover,[data-materials-explorer] .bb-pattern-picker-button:focus-visible{background:#ffffff26;outline:2px solid rgba(255,255,255,.55);outline-offset:1px}[data-materials-explorer] .bb-pattern-preview,.bb-mobile-choice-image{flex:0 0 42px;width:42px;height:34px;object-fit:cover;border-radius:4px;background:#0000002e}[data-materials-explorer] .bb-pattern-picker-name{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-materials-explorer] .bb-pattern-picker-arrow{margin-left:auto;opacity:.8}.bb-pattern-picker-menu{display:none;position:fixed;z-index:2147483000;box-sizing:border-box;max-height:360px;overflow:auto;padding:5px;border:1px solid rgba(255,255,255,.28);border-radius:6px;background:#232123fa;color:#fff;font:14px/1.35 var(--bb-configurator-font, sans-serif);box-shadow:0 8px 24px #00000052}.bb-pattern-picker-menu.is-open{display:block}.bb-pattern-picker-menu .bb-pattern-preview{flex:0 0 42px;width:42px;height:34px;object-fit:cover;border-radius:4px;background:#0000002e}.bb-pattern-picker-menu .bb-pattern-picker-item{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:5px 8px;border:0;border-radius:4px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.bb-pattern-picker-menu .bb-pattern-picker-item:hover,.bb-pattern-picker-menu .bb-pattern-picker-item:focus-visible,.bb-pattern-picker-menu .bb-pattern-picker-item[aria-selected=true]{background:#ffffff29;outline:none}.bb-pattern-picker-menu .bb-pattern-picker-price{opacity:.74;white-space:nowrap}.bb-mobile-choice-sheet .bb-mobile-choice-image{margin-right:10px}[data-materials-explorer] .bb-material-color-heading{position:relative;display:flex;align-items:center;gap:8px;margin:10px 0 6px}[data-materials-explorer] .bb-material-color-heading>.bb-sub-label{margin:0}[data-materials-explorer] .bb-color-info-button{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid currentColor;border-radius:50%;color:inherit;background:#ffffff24;font:700 13px/1 var(--bb-configurator-font);cursor:pointer;opacity:.82}[data-materials-explorer] .bb-color-info-button,[data-materials-explorer] .bb-artwork-file-info summary{transition:transform .18s ease,opacity .18s ease,background-color .18s ease,box-shadow .18s ease}[data-materials-explorer] .bb-color-info-button:hover,[data-materials-explorer] .bb-color-info-button:focus-visible,[data-materials-explorer] .bb-color-info-button[aria-expanded=true],[data-materials-explorer] .bb-artwork-file-info summary:hover,[data-materials-explorer] .bb-artwork-file-info summary:focus-visible,[data-materials-explorer] .bb-artwork-file-info[open] summary{opacity:1;background:#ffffff3d;box-shadow:0 0 0 3px #ffffff1a,0 4px 12px #0003;transform:translateY(-1px) scale(1.06)}@media(prefers-reduced-motion:reduce){[data-materials-explorer] .bb-color-info-button,[data-materials-explorer] .bb-artwork-file-info summary{transition:none}}[data-materials-explorer] .bb-color-info-button:focus-visible{outline:2px solid currentColor;outline-offset:3px}.bb-color-info-popover[hidden]{display:none!important}.bb-color-info-popover{position:fixed;z-index:2147483647;padding:11px 13px;border-radius:7px;box-sizing:border-box;background:#19181bf7;color:#fff;border:1px solid rgba(255,255,255,.4);box-shadow:0 9px 28px #0000004d;font-size:12px;line-height:1.5}[data-materials-explorer] .bb-share-row{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin:10px 0 4px}[data-materials-explorer] .bb-step-share-mobile{display:none}[data-materials-explorer] .bb-share-config{display:inline-flex;flex:0 0 auto;align-items:center;gap:7px;padding:6px 10px;border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit;font:600 12px/1.2 var(--bb-configurator-font);cursor:pointer;opacity:.7;transition:opacity .2s ease,transform .2s ease}[data-materials-explorer] .bb-share-config:hover,[data-materials-explorer] .bb-share-config:focus-visible{opacity:1;transform:translateY(-2px)}[data-materials-explorer] .bb-share-config svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}[data-materials-explorer] .bb-share-feedback{font:500 12px/1.3 var(--bb-configurator-font)}
/*# sourceMappingURL=/cdn/shop/t/37/assets/bb-materials-native-ui.css.map */