.bd-variant-switcher{width:100%}.bd-dots-bg{position:absolute;height:100%;width:100%;left:0;top:0;pointer-events:none}.bd-dots-bg:before{content:"";position:absolute;top:32px;left:32px;right:32px;bottom:32px;background-image:radial-gradient(circle,#151515 .05px,transparent 1px);background-size:24px 24px;background-position:0 0}.bd-variant-switcher__trigger{display:flex;justify-content:center;align-items:center;padding-bottom:20px;gap:4px}.bd-variant-switcher__selected{display:flex;border:none;border-radius:99px;cursor:pointer;transition:background-color .3s ease;padding:4px 16px 4px 4px;align-items:center;gap:16px;background:var(--Button, rgba(21, 21, 21, .84));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bd-variant-switcher__selected:hover{background:#151515f2}.bd-variant-switcher__selected-image{border-radius:99px;background:url(<path-to-image>) #d3d3d3 50% / cover no-repeat;overflow:hidden;flex-shrink:0;display:flex;width:48px;height:48px;flex-direction:column;justify-content:center;align-items:center;gap:10px;aspect-ratio:1/1}.bd-variant-switcher__selected-image img{width:100%;height:100%;object-fit:cover}.bd-variant-switcher__selected-text{flex:1}.bd-variant-switcher__label{color:var(--White, #FEFEFE);line-height:normal}.bd-variant-switcher__edit-icon{flex-shrink:0;width:24px;height:24px;padding:4px}.bd-variant-switcher__cycle{display:flex;width:56px;height:56px;justify-content:center;align-items:center;flex-shrink:0;border-radius:9999px;background:var(--Button, rgba(21, 21, 21, .84));border:none;cursor:pointer;transition:background-color .3s ease}.bd-variant-switcher__cycle:hover{background:#151515f2}.bd-variant-switcher__cycle svg{width:10px;height:10px;flex-shrink:0;aspect-ratio:1 / 1}.bd-variant-modal{position:fixed;top:0;left:0;width:100%;height:100%;width:100vw;height:100vh;z-index:9999;display:none;align-items:flex-end;justify-content:center}.bd-variant-modal[aria-hidden=false]{display:flex}.bd-variant-modal__overlay{position:fixed;top:0;left:0;width:100%;height:100%;width:100vw;height:100vh;background:#151515cc;.bd-variant-modal[aria-hidden="false"]{display:flex}cursor:pointer;z-index:1;display:block!important}.bd-variant-modal__overlay .bd-variant-switcher{width:100%}.bd-variant-modal__overlay .bd-variant-switcher__trigger{display:flex;justify-content:center;align-items:center;padding-bottom:20px;gap:4px}.bd-variant-modal__overlay .bd-variant-switcher__selected{display:flex;border:none;border-radius:99px;cursor:pointer;transition:background-color .3s ease;padding:4px 16px 4px 4px;align-items:center;gap:16px;background:var(--Button, rgba(21, 21, 21, .84));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bd-variant-modal__overlay .bd-variant-switcher__selected:hover{background:#151515f2}.bd-variant-modal__overlay .bd-variant-switcher__selected-image{border-radius:99px;background:url(<path-to-image>) #d3d3d3 50% / cover no-repeat;overflow:hidden;flex-shrink:0;display:flex;width:48px;height:48px;flex-direction:column;justify-content:center;align-items:center;gap:10px;aspect-ratio:1/1}.bd-variant-modal__overlay .bd-variant-switcher__selected-image img{width:100%;height:100%;object-fit:cover}.bd-variant-modal__overlay .bd-variant-switcher__selected-text{flex:1}.bd-variant-modal__overlay .bd-variant-switcher__label{color:var(--White, #FEFEFE);line-height:normal}.bd-variant-modal__overlay .bd-variant-switcher__edit-icon{flex-shrink:0;width:24px;height:24px;padding:4px}.bd-variant-modal__overlay .bd-variant-switcher__cycle{display:flex;width:56px;height:56px;justify-content:center;align-items:center;flex-shrink:0;border-radius:9999px;background:var(--Button, rgba(21, 21, 21, .84));border:none;cursor:pointer;transition:background-color .3s ease}.bd-variant-modal__overlay .bd-variant-switcher__cycle:hover{background:#151515f2}.bd-variant-modal__overlay .bd-variant-switcher__cycle svg{width:10px;height:10px;flex-shrink:0;aspect-ratio:1 / 1}.bd-variant-modal__overlay .bd-variant-modal{position:fixed;top:0;left:0;width:100%;height:100%;width:100vw;height:100vh;z-index:9999;display:none;align-items:flex-end;justify-content:center}.bd-variant-modal__overlay .bd-variant-modal__overlay{position:fixed;top:0;left:0;width:100%;height:100%;width:100vw;height:100vh;background:#151515cc;cursor:pointer;z-index:1}.bd-variant-modal__overlay .bd-variant-modal__container{position:relative;display:flex;width:100%;max-width:100%;padding:2.75rem 1.5rem 1.5rem;flex-direction:column;align-items:center;gap:2rem;border-radius:1.5rem 1.5rem 0 0;background:var(--White, #FEFEFE);max-height:90vh;overflow-y:auto;z-index:2;animation:slideUp .3s ease-out}.bd-variant-modal__overlay .bd-variant-modal__close{position:absolute;top:-6.625rem;left:50%;transform:translate(-50%);display:flex;width:3.3125rem;height:3.3125rem;padding:.25rem;justify-content:center;align-items:center;gap:.625rem;border-radius:62.4375rem;background:var(--Button, rgba(21, 21, 21, .84));border:none;cursor:pointer;transition:background-color .3s ease;z-index:3}.bd-variant-modal__overlay .bd-variant-modal__close:hover{background:#151515f2}.bd-variant-modal__overlay .bd-variant-modal__content{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%}.bd-variant-modal__overlay .bd-variant-modal__image-wrapper{width:100%;aspect-ratio:1 / 1;border-radius:.375rem;overflow:hidden;background:#f5f5f5;position:relative}.bd-variant-modal__overlay .bd-variant-modal__image{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.bd-variant-modal__overlay .bd-variant-modal__image.bd-variant-modal__image--loading{opacity:.5}.bd-variant-modal__overlay .bd-variant-modal__switcher{display:flex;padding:.375rem;align-items:center;gap:.25rem;border-radius:6.1875rem;background:#151515d6}.bd-variant-modal__overlay .bd-variant-modal__switcher-button{display:flex;padding:.625rem 1.25rem;justify-content:center;align-items:center;gap:.625rem;border-radius:6.1875rem;background:transparent;border:none;cursor:pointer;transition:background-color .3s ease;color:var(--White, #FEFEFE);font-size:.875rem;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.0175rem}.bd-variant-modal__overlay .bd-variant-modal__switcher-button.bd-variant-modal__switcher-button--active{background:var(--White, #FEFEFE);color:var(--Night, #151515)}.bd-variant-modal__overlay .bd-variant-modal__options{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%}.bd-variant-modal__overlay .bd-variant-modal__option{position:relative;aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;cursor:pointer;border:.125rem solid transparent;transition:all .3s ease}.bd-variant-modal__overlay .bd-variant-modal__option:hover{transform:scale(1.05)}.bd-variant-modal__overlay .bd-variant-modal__option--selected{border-color:var(--Night, #151515)}.bd-variant-modal__overlay .bd-variant-modal__option--unavailable{opacity:.3;cursor:not-allowed}.bd-variant-modal__overlay .bd-variant-modal__option--unavailable:hover{transform:none}.bd-variant-modal__overlay .bd-variant-modal__option-image{width:100%;height:100%;object-fit:cover}.bd-variant-modal__overlay .bd-variant-modal__option-check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2rem;height:2rem;background:#151515d6;border-radius:50%;display:none;align-items:center;justify-content:center}.bd-variant-modal__overlay .bd-variant-modal__option--selected .bd-variant-modal__option-check{display:flex}@media(min-width:750px){.bd-variant-modal__overlay .bd-variant-modal{align-items:center}.bd-variant-modal__overlay .bd-variant-modal__container{max-width:37.5rem;border-radius:1.5rem;margin:2rem}.bd-variant-modal__overlay .bd-variant-modal__close{transform:none}.bd-variant-modal__overlay .bd-variant-modal__options{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.bd-variant-modal__overlay body.bd-variant-modal-open{overflow:hidden;position:fixed;width:100%;height:100%}.bd-variant-modal__overlay .bd-variant-modal__switcher-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.bd-variant-modal__overlay .bd-variant-modal__selected-option{display:flex;justify-content:center;align-items:center;min-height:1.5rem}.bd-variant-modal__overlay .bd-variant-modal__selected-option span{color:var(--Night, #151515);text-align:center}.bd-variant-modal__overlay .bd-variant-modal__option--text{display:flex;align-items:center;justify-content:center;background:var(--Cream, #F9F7F5);border:.0625rem solid rgba(21,21,21,.14)}.bd-variant-modal__overlay .bd-variant-modal__option-text{color:var(--Night, #151515);text-align:center;font-size:.75rem;font-style:normal;font-weight:500;line-height:1.2;letter-spacing:-.015rem;padding:.5rem;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.bd-variant-modal__overlay .bd-variant-modal__option--text.bd-variant-modal__option--selected{background:var(--Night, #151515)}.bd-variant-modal__overlay .bd-variant-modal__option--text.bd-variant-modal__option--selected .bd-variant-modal__option-text{color:var(--White, #FEFEFE)}.bd-variant-modal__overlay .bd-variant-modal__option--text .bd-variant-modal__option-check{background:transparent}.bd-variant-modal__overlay .bd-variant-modal__option--text.bd-variant-modal__option--unavailable{background:var(--Cream, #F9F7F5);opacity:.3}.bd-variant-modal__container{position:relative;display:flex;width:100%;max-width:100%;max-height:100vh;overflow-y:auto;z-index:2;animation:slideUp .3s ease-out;height:100vh;flex-direction:column;align-items:center;gap:20px;justify-content:end}.bd-variant-modal__close{display:flex;width:56px;height:56px;aspect-ratio:1;justify-content:center;align-items:center;border-radius:9999px;background:var(--Button, rgba(21, 21, 21, .84));border:none;cursor:pointer;transition:background-color .3s ease;z-index:3}.bd-variant-modal__close:hover{background:#151515f2}.bd-variant-modal__content{display:flex;flex-direction:column;align-items:center;width:100%;gap:20px}.bd-variant-modal__image-wrapper{width:100%;max-width:360px;padding:8px;aspect-ratio:1 / 1;overflow:hidden;background-blend-mode:normal,multiply;position:relative}.bd-variant-modal__image{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease;border-radius:6px}.bd-variant-modal__image.bd-variant-modal__image--loading{opacity:.5}.bd-variant-modal__switcher{display:flex;border-radius:35px;background:#15151599;height:56px;align-items:center;gap:4px}.bd-variant-modal__switcher-button{display:flex;justify-content:center;align-items:center;gap:.625rem;background:transparent;border:none;cursor:pointer;transition:background-color .3s ease;color:var(--White, #FEFEFE);min-width:92px;padding:12px 28px;height:100%}.bd-variant-modal__switcher-button.bd-variant-modal__switcher-button--active{border-radius:8888px;background:var(--Button, rgba(21, 21, 21, .84));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bd-variant-modal__options{display:flex;width:100%;padding:56px 44px;border-radius:24px 24px 0 0;background:#fff;gap:16px;flex-wrap:wrap;position:relative}.bd-variant-modal__option{position:relative;overflow:hidden;cursor:pointer;border-radius:9999px;background:var(--Cream, #F9F7F5);transition:all .3s ease;width:calc(33% - 10px);aspect-ratio:1;height:fit-content;max-width:80px;border:0;padding:0}.bd-variant-modal__option:hover{transform:scale(1.05)}.bd-variant-modal__option--unavailable{opacity:.3;cursor:not-allowed}.bd-variant-modal__option--unavailable:hover{transform:none}.bd-variant-modal__option-image{width:100%;height:100%;object-fit:cover}.bd-variant-modal__option-check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;background:#151515d6;border-radius:50%;display:none;align-items:center;justify-content:center}.bd-variant-modal__option--selected .bd-variant-modal__option-check{display:flex}@media(min-width:750px){.bd-variant-modal{align-items:center}.bd-variant-modal__close{top:1rem;right:1rem;left:auto;transform:none}.bd-variant-modal__options{justify-content:center}.bd-variant-modal__image-wrapper{max-width:420px}.bd-product-gallery__thumbs:not(.swiper-initialized) .swiper-slide{margin-right:12px;width:calc(100% / 3.5 - 12px)}}body.bd-variant-modal-open{overflow:hidden;position:fixed;width:100%;height:100%}.bd-variant-modal__switcher-wrapper{display:flex;width:100%;gap:4px;align-items:center;justify-content:center}.bd-variant-modal__selected-option{display:flex;justify-content:center;align-items:center;min-height:1.5rem}.bd-variant-modal__selected-option span{color:var(--Night, #151515);text-align:center}.bd-variant-modal__option--text{display:flex;align-items:center;justify-content:center}.bd-variant-modal__option-text{color:var(--Night, #151515);text-align:center;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.bd-variant-modal__option--text.bd-variant-modal__option--unavailable{background:var(--Cream, #F9F7F5);opacity:.3}.bd-product-gallery__main:not(.swiper-initialized){margin-right:10px}@media(max-width:749px){.bd-variant-modal__options{min-height:288px;max-height:288px;overflow:auto}.bd-variant-modal__switcher-button{white-space:nowrap}.bd-variant-modal__switcher-wrapper{max-width:360px;justify-content:start;overflow:auto}}
/*# sourceMappingURL=/cdn/shop/t/98/assets/bd-variant-switcher-modal.css.map */