.bl-wb3{container-type:inline-size}.bl-wb3 .swiper-controls{display:flex;align-items:center;gap:16px;margin-top:18px}.bl-wb3 .washbasin-selector__pagination{flex:1;height:2px;background:#ededed;border-radius:2px;overflow:hidden}.bl-wb3 .washbasin-selector__progress{display:block;height:100%;width:42%;margin-left:0;background:#000;border-radius:2px;transition:width .3s ease,margin-left .3s ease}.bl-wb3 .swiper-button{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:1px solid #e0e0e0;background:#fff;color:#1a1a1a;display:grid;place-items:center;cursor:pointer;padding:0;transition:border-color .2s ease,opacity .2s ease}.bl-wb3 .swiper-button svg{width:16px;height:16px}.bl-wb3 .swiper-button-prev svg{transform:scaleX(-1)}.bl-wb3 .swiper-button:hover{border-color:#1a1a1a}.bl-wb3 .swiper-button:disabled{opacity:.32;cursor:default;border-color:#e0e0e0}@media(hover:none)and (pointer:coarse){.bl-wb3 .swiper-button{display:none}}.bl-wb3 .washbasin-selector__image-wrapper{aspect-ratio:2 / 1}.bl-wb3 .wb3-card-name{font-size:14px;font-weight:600;color:#1a1a1a;margin:0 0 3px}.bl-wb3__panelwrap{display:grid;grid-template-rows:0fr;opacity:0;margin-top:0;transition:grid-template-rows .38s cubic-bezier(.22,.61,.36,1),opacity .3s ease,margin-top .38s ease}.bl-wb3__panelwrap.is-open{grid-template-rows:1fr;opacity:1;margin-top:22px}.bl-wb3__panelwrap.bl-no-anim{transition:none}.bl-wb3__panelclip{overflow:hidden;min-height:0}.bl-wb3__panel{border:1px solid #ececec;border-radius:10px;background:#fafafa;padding:26px 28px}.bl-wb3__grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 48px;align-items:start}.bl-wb3__optrow{display:contents}.bl-wb3__group{min-width:0}.bl-wb3__glabel{font-size:13px;font-weight:500;color:#8a8a8a;margin:0 0 11px}.bl-wb3__glabel b{font-weight:600;color:#1a1a1a}.bl-wb3__opts{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}.bl-wb3__sw{flex:0 0 auto;width:30px;height:30px;border-radius:50%;cursor:pointer;padding:0;position:relative;transition:box-shadow .15s ease}.bl-wb3__sw.is-active{box-shadow:0 0 0 2px #fff inset,0 0 0 2px #000}.bl-wb3__chip{flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:4px 8px;border:1px solid #e2e2e2;border-radius:9px;background:#fff;color:#3a3a3a;font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:border-color .15s ease,color .15s ease}.bl-wb3__chip img{width:40px;height:28px;object-fit:contain;flex:0 0 auto}.bl-wb3__chiptxt{font-size:12px;font-weight:500}.bl-wb3__chip:hover{border-color:#b5b5b5}.bl-wb3__chip.is-active{border-color:#1a1a1a;color:#000}.bl-wb3__chip:disabled,.bl-wb3__sw:disabled{opacity:1;cursor:not-allowed;box-shadow:none}.bl-wb3__chip:disabled{position:relative;border-color:#e2e2e2;color:#7a7a7a}.bl-wb3__chip:disabled img,.bl-wb3__chip:disabled svg{opacity:.8}.bl-wb3__chip:disabled:hover{border-color:#e2e2e2}.bl-wb3__chip:disabled:after,.bl-wb3__sw:disabled:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(to top right,transparent calc(50% - .7px),rgba(0,0,0,.6) calc(50% - .7px),rgba(0,0,0,.6) calc(50% + .7px),transparent calc(50% + .7px)),linear-gradient(to top right,transparent calc(50% - 2px),rgba(255,255,255,.9) calc(50% - 2px),rgba(255,255,255,.9) calc(50% + 2px),transparent calc(50% + 2px))}.bl-wb3__chip:disabled:after{top:6px;right:6px;bottom:6px;left:6px;border-radius:5px}.bl-wb3__modes .swatch-underline:disabled{opacity:.3;cursor:not-allowed}.washbasin-selector-v2 .washbasin-selector__item.is-unavailable{cursor:not-allowed}.washbasin-selector-v2 .washbasin-selector__item.is-unavailable .washbasin-selector__image-wrapper{position:relative}.washbasin-selector-v2 .washbasin-selector__item.is-unavailable .washbasin-selector__image-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top right,transparent calc(50% - .7px),rgba(0,0,0,.6) calc(50% - .7px),rgba(0,0,0,.6) calc(50% + .7px),transparent calc(50% + .7px)),linear-gradient(to top right,transparent calc(50% - 2px),rgba(255,255,255,.9) calc(50% - 2px),rgba(255,255,255,.9) calc(50% + 2px),transparent calc(50% + 2px))}.bl-wb3__subrow .swatch-underline:disabled{opacity:.3;cursor:not-allowed}.bl-wb3__resolved{margin:18px 0 0;padding-top:16px;border-top:1px solid #ececec;font-size:14px;font-weight:500;color:#2a2a2a;line-height:1.45}.bl-wb3__resolved b{font-weight:600}.bl-wb3__resolved .bl-wb3__add{color:#1a1a1a;font-weight:600}.bl-wb3__resolved.is-unavailable{color:#c4301c}.bl-wb3__previewbtn{display:none}@media(max-width:767px){.bl-wb3__previewbtn{display:inline-flex;align-items:center;justify-content:center;width:100%;margin-top:16px;min-height:46px;padding:11px 14px;border:1px solid #1a1a1a;border-radius:9px;background:#1a1a1a;color:#fff;font:inherit;font-size:13px;font-weight:600;letter-spacing:.01em;cursor:pointer}.bl-wb3__previewbtn--top{margin-top:22px}.bl-wb3__previewbtn[hidden]{display:none}}.bl-wb3__preview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:30px;background:#0009}.bl-wb3__preview[hidden]{display:none}.bl-wb3__preview-swiper{position:relative;width:100%;max-width:100%;max-height:100%}.bl-wb3__preview-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:8px}.bl-wb3__preview-track::-webkit-scrollbar{display:none}.bl-wb3__preview-slide{flex:0 0 100%;scroll-snap-align:center;display:flex;align-items:center;justify-content:center}.bl-wb3__preview-slide img{max-width:100%;max-height:calc(100vh - 60px);width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 8px 40px #00000059}.bl-wb3__preview-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:none;background:#ffffffeb;color:#1a1a1a;display:grid;place-items:center;cursor:pointer;padding:0;box-shadow:0 2px 10px #00000024}.bl-wb3__preview-nav svg{width:16px;height:16px}.bl-wb3__preview-nav--prev{left:10px}.bl-wb3__preview-nav--prev svg{transform:scaleX(-1)}.bl-wb3__preview-nav--next{right:10px}.bl-wb3__preview-dots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:7px;pointer-events:none}.bl-wb3__preview-dot{width:8px;height:8px;border-radius:50%;background:#ffffff8c;box-shadow:0 0 3px #00000040;transition:background .2s ease,transform .2s ease}.bl-wb3__preview-dot.is-active{background:#fff;transform:scale(1.2)}.bl-wb3__preview-close{position:fixed;top:8px;right:10px;width:44px;height:44px;border:none;background:transparent;color:#fff;font-size:28px;font-weight:300;line-height:1;display:grid;place-items:center;cursor:pointer;padding:0;opacity:.85}.bl-wb3__preview-close:hover{opacity:1}@container (max-width: 520px){.bl-wb3{--wb-cards-mobile: 1}.bl-wb3__panel{padding:16px 14px;border-radius:12px}.bl-wb3__grid{grid-template-columns:1fr 1fr;gap:18px 12px}.bl-wb3__glabel{font-size:12px;margin-bottom:9px}.bl-wb3__opts{gap:7px}.bl-wb3__chip{flex:1 1 0;min-width:0;min-height:40px;padding:4px 2px;gap:0;border-radius:8px;justify-content:center}.bl-wb3__chip svg{width:28px;height:20px}.bl-wb3__chip img{width:30px;height:21px}.bl-wb3__chiptxt{font-size:11px}.bl-wb3__sw{width:30px;height:30px}}.bl-wb3__modes{margin-bottom:2px}.bl-wb3__subrow{gap:10px;align-items:center;padding:0 3px;margin-left:-3px}.bl-wb3__subrow .bl-wb3__sw{margin:4px 0 10px}media-gallery[data-bl-server-gallery-filter=true] .bl-v3-gallery-supplemental{display:none!important}.bl-wb3 .wb3-mat__list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.bl-wb3 .wb3-mat__list li{position:relative;padding-left:.85em}.bl-wb3 .wb3-mat__list li:before{content:"-";position:absolute;left:0;top:0}.bl-wb3 .wb3-mat:not(.is-open) .wb3-mat__list li:not(:first-child){display:none}.bl-wb3 .wb3-mat__toggle{display:flex;align-items:center;gap:4px;width:fit-content;height:auto;margin:6px 0 0 auto;padding:0;border:0;background:none;cursor:pointer;font:inherit;font-size:9.6px;line-height:1.25;letter-spacing:normal;text-transform:none;color:#1a1a1a;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#d4d4d4}.bl-wb3 .wb3-mat__toggle:hover{text-decoration-color:#1a1a1a}.bl-wb3 .wb3-mat__toggle svg{width:10px;height:10px;flex:0 0 auto;transition:transform .2s ease}.bl-wb3 .wb3-mat__toggle[aria-expanded=true] svg{transform:rotate(180deg)}
/*# sourceMappingURL=/cdn/shop/t/63/assets/BL-washbasin-selector-v3.css.map */