:is(cabinet-configuration-popup.active,dialog[open]) .configurator-product-options__container,:is(cabinet-configuration-popup.active,dialog[open]) .configurator-product-options__overlay{opacity:1;visibility:visible}dialog[data-popup-id]{background-color:transparent;border:0;outline:none;box-shadow:none}.configurator-product-options__container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--color-background);width:100%;max-width:690px;z-index:21;opacity:0;visibility:hidden;transition:visibility .15s ease-in-out,opacity .15s ease-in-out}.configurator-product-options__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:20;opacity:0;visibility:hidden;transition:opacity .15s ease-in-out,visibility .15s ease-in-out}.configurator-product-options__header{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"image title" "image message";align-items:center;gap:.5rem 1.5rem;padding:1.5rem;border-bottom:1px solid rgba(0,0,0,.3)}.configurator-product-options__header .image{grid-area:image;width:80px;height:80px;overflow:hidden;border-radius:8px;border:1px solid rgba(0,0,0,.3);flex-shrink:0}.configurator-product-options__header .product-title{grid-area:title;align-self:flex-end;margin:0;margin-right:2.5rem;font-size:1.25rem;font-weight:700;line-height:normal}.configurator-product-options__header .message{grid-area:message;align-self:flex-start;color:#3c3c4399;font-size:.875rem;line-height:normal}.configurator-product-options__header [data-close-popup]{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0;padding:0;border-radius:6px;border:1px solid #c7c7cc;background:transparent;outline:none;box-shadow:none;cursor:pointer}.configurator-product-options__wrapper{display:flex;flex-direction:column;gap:1.5rem;padding:1.75rem 1.5rem}.configurator-product-options__wrapper .option-container{display:flex;flex-direction:column;gap:.625rem}.configurator-product-options__wrapper .option-title{display:flex;align-items:center;gap:3px;font-size:1rem;font-weight:600;line-height:normal}.configurator-product-options__wrapper .option-title P{margin:0}.configurator-product-options__wrapper .option-title .required{color:#ff3b30}.configurator-product-options__wrapper .option-values{display:flex}.configurator-product-options__wrapper .option-value{border-top:1px solid rgba(0,0,0,.3);border-right:1px solid rgba(0,0,0,.3);border-bottom:1px solid rgba(0,0,0,.3);border-left:0;background-color:var(--color-background);font-family:var(--font-paragraph--family);font-size:1rem;font-weight:400;line-height:1.18;transition:.15s ease-in-out;padding:.375rem .75rem;margin:0;min-width:80px;cursor:pointer}.configurator-product-options__wrapper .option-value:first-child{border-left:1px solid rgba(0,0,0,.3);border-top-left-radius:8px;border-bottom-left-radius:8px}.configurator-product-options__wrapper .option-value:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.configurator-product-options__wrapper .option-value.active,.configurator-product-options__wrapper .option-value:hover,.configurator-product-options__wrapper .option-value:focus{background-color:#474749;border-color:#474749;color:#fff}:is(.configurator-product-options__wrapper .option-value.active,.configurator-product-options__wrapper .option-value:hover,.configurator-product-options__wrapper .option-value:focus)+.value-price{color:#000}.configurator-product-options__wrapper .value-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.configurator-product-options__wrapper .value-wrapper .option-value{border-top:1px solid rgba(0,0,0,.3);border-right:1px solid rgba(0,0,0,.3);border-bottom:1px solid rgba(0,0,0,.3);border-left:0}.configurator-product-options__wrapper .value-wrapper:first-child .option-value{border-left:1px solid rgba(0,0,0,.3);border-top-left-radius:8px;border-bottom-left-radius:8px}.configurator-product-options__wrapper .value-wrapper:last-child .option-value{border-top-right-radius:8px;border-bottom-right-radius:8px}.configurator-product-options__wrapper .value-wrapper .option-value{border-radius:0}.configurator-product-options__wrapper .value-price{color:#3c3c4399;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.2}.configurator-product-options__wrapper .option-error{display:none;color:#ff3b30;font-size:.75rem;line-height:1}.configurator-product-options__wrapper .option-error.active{display:block}.configurator-product-options__footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1.5rem;background-color:var(--color-background);box-shadow:0 -1px 14px #00000026}.configurator-product-options__footer .options-price{display:flex;align-items:center;gap:.375rem}.configurator-product-options__footer .options-price span{font-size:.875rem}.configurator-product-options__footer .options-price [data-selected-price]{font-size:1.25rem;font-weight:700}.configurator-product-options__buttons{display:flex;align-items:center;gap:1.5rem}.configurator-product-options__buttons .cancel.link,.configurator-product-options__buttons button{position:relative;font-weight:600;max-height:32px}@media screen and (max-width:749px){:is(cabinet-configuration-popup.active,dialog[open]) .configurator-product-options__container{transform:translate(0)}.configurator-product-options__container{max-width:100%;left:0;bottom:0;top:auto;transform:translateY(35%);transition:transform .25s ease-in-out,visibility .15s ease-in-out,opacity .15s ease-in-out}.configurator-product-options__header{padding:2.5rem 1rem 0;border:0;grid-template-areas:"image title" "message message";gap:1.5rem .75rem}.configurator-product-options__header .image{width:138px;height:138px}.configurator-product-options__header .product-title{align-self:center;margin-right:0}.configurator-product-options__wrapper{padding:1.5rem 1rem 1.75rem}.configurator-product-options__footer{flex-direction:column;align-items:flex-start;padding:.875rem 1rem 2.75rem;gap:.625rem;box-shadow:none}.configurator-product-options__footer .options-price{width:100%;justify-content:space-between}.configurator-product-options__buttons{width:100%;flex-direction:column-reverse;gap:1rem}.configurator-product-options__buttons .button.add{width:100%}}.link.cancel{font-family:var(--font-paragraph--family);font-size:.875rem;font-weight:400;line-height:normal;text-decoration:underline;text-underline-position:from-font;border:0;padding:0;margin:0;outline:none;box-shadow:none;background-color:transparent}
/*# sourceMappingURL=/cdn/shop/t/3/assets/configurator-popup.css.map */