.configurator_box .close:before{content:"";display:inline-block;flex-grow:0;flex-shrink:0;width:var(--width-icon);height:var(--height-icon);background:currentColor;-webkit-mask:var(--mask-image) 50% 50%/contain no-repeat}.configurator_box .versions .version,.configurator_box .option{padding:15px;border:1px solid var(--color-field);background-color:var(--color-background);transition:.2s;cursor:pointer}.configurator_box .versions .version:has(input:checked),.configurator_box .option:has(input:checked){border-color:var(--color-primary);background:linear-gradient(rgb(from var(--color-primary) r g b / 8%), rgb(from var(--color-primary) r g b / 8%)),var(--color-background);box-shadow:inset 0 0 0 1px var(--color-primary)}.configurator_box .versions .version:has(input:focus-visible),.configurator_box .option:has(input:focus-visible){outline:2px solid var(--color-heading);outline-offset:2px}.configurator_box .versions .version input,.configurator_box .option input{margin:0}.configurator_box .app{display:grid;align-items:start;gap:var(--gap-section-small) var(--gap-section-side);scroll-margin-top:calc(var(--offset-screen) + 20px)}.configurator_box .app:empty{min-height:100vh;background:url(../../images/ico_loading.svg) 50% 5rem/2.5rem auto no-repeat}.configurator_box .app:before{content:"";position:fixed;inset:0;background:var(--color-shadow);visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s;z-index:20}.configurator_box .app.overlay:before{visibility:visible;opacity:.4}.configurator_box .attribute{margin-bottom:var(--gap-contents);--size-content: var(--size-small);--line-content: var(--line-small)}.configurator_box .attribute h4{padding-bottom:var(--gap-heading);border-bottom:1px solid var(--color-border)}.configurator_box .attribute .hint{margin:-5px 0 15px;color:var(--color-muted);font-size:var(--size-small)}.configurator_box .options{display:grid;margin-bottom:20px;grid-template-columns:repeat(auto-fill, minmax(10.625rem, 1fr));gap:10px}.configurator_box .option{display:flex;flex-direction:column;border-radius:var(--radius-regular)}.configurator_box .option.disabled{opacity:.45;filter:grayscale(100%);cursor:not-allowed}@media(hover: hover){.configurator_box .option:not(.disabled,:has(input:checked)):hover{border-color:rgb(from var(--color-heading) r g b / 35%)}}.configurator_box .option .image{display:flex;align-items:center;justify-content:center;height:120px;margin-bottom:15px}.configurator_box .option .image img{max-width:100%;max-height:100%}.configurator_box .option .details{display:flex;flex-grow:1;align-items:flex-start;gap:10px}.configurator_box .option .details>span{display:flex;flex-direction:column;align-self:stretch}.configurator_box .option .name{font-size:var(--size-small);font-weight:500;line-height:var(--line-small)}.configurator_box .option .price{margin-top:auto;padding-top:4px}.configurator_box .description{margin-bottom:15px;font-size:var(--size-small);line-height:var(--line-small)}.configurator_box .description .name{margin:0 0 5px;color:var(--color-heading);font-weight:600}.configurator_box .sidebar{display:flex;flex-direction:column;padding:24px;background-color:var(--color-light);gap:16px}.configurator_box .sidebar .inner{display:flex;flex-direction:column;gap:15px;--size-content: var(--size-tiny);--line-content: var(--line-tiny)}.configurator_box .preview{display:flex;position:relative;justify-content:center}.configurator_box .preview .frame{position:relative}.configurator_box .preview img{display:block;width:auto;max-width:100%;height:auto;max-height:min(28.75rem,40vh)}.configurator_box .preview img+img{position:absolute;inset:0;width:100%;height:100%}.configurator_box .preview .close{position:absolute;top:0;right:0}.configurator_box .close{--mask-image: url(../../images/ico_remove.svg)}.configurator_box .heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.configurator_box .heading h4{margin:0}.configurator_box .line{display:flex;justify-content:space-between;gap:10px;font-size:var(--size-small);line-height:var(--line-small)}.configurator_box .line .price{flex-shrink:0}.configurator_box .line_main{color:var(--color-heading);font-weight:600}.configurator_box .lines{display:flex;flex-direction:column;padding:15px 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);gap:6px}.configurator_box .lines .price{color:var(--color-muted)}.configurator_box .option .price,.configurator_box .line_total,.configurator_box .total .price{color:var(--color-heading);font-size:var(--size-large);font-weight:600;line-height:var(--line-large)}.configurator_box .total{display:flex;position:sticky;bottom:0;align-items:center;justify-content:space-between;gap:10px;padding:12px var(--gap-section-side);margin:0 calc(-1*var(--gap-section-side));background-color:var(--color-base);box-shadow:var(--shadow-large);z-index:5}.configurator_box .total p{margin:0}.configurator_box .total .label{color:var(--color-muted);font-size:var(--size-small)}.configurator_box .dialog{position:fixed;top:var(--height-bar);right:0;bottom:0;overflow-y:auto;width:100%;padding:0 var(--gap-card) var(--gap-card);background-color:var(--color-light);transform:translateX(100%);visibility:hidden;transition:transform .3s,visibility .3s;z-index:21}.configurator_box .dialog.opened{transform:translateX(0);visibility:visible}.configurator_box .dialog .heading{position:sticky;top:0;padding:20px 0;margin-bottom:20px;border-bottom:1px solid var(--color-border);background-color:var(--color-light);z-index:3}.configurator_box .versions .version{display:flex;align-items:flex-start;margin:0;gap:12px}.configurator_box .versions .version+.version{margin-top:10px}.configurator_box .versions .title{display:block;color:var(--color-heading);font-weight:600}.configurator_box .versions .text{display:block;margin-top:4px;font-weight:400}@media(min-width: 64rem){.configurator_box .app{grid-template-columns:minmax(0, 1fr) 27.5rem}.configurator_box .sidebar{position:sticky;top:calc(var(--offset-screen) + 20px);max-height:calc(100vh - var(--offset-screen) - 40px)}.configurator_box .sidebar .inner{overflow-y:auto;min-height:5.625rem;padding-bottom:20px;-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - 20px), transparent)}.configurator_box .preview .close,.configurator_box .total{display:none}}@media(max-width: 63.9375rem){.configurator_box .app:not(.summary) .sidebar,.configurator_box .app.summary .main,.configurator_box .app.summary .total{display:none}}@media(min-width: 48rem){.configurator_box .dialog{width:37.5rem}}@media(max-width: 40rem){.configurator_box .options{grid-template-columns:repeat(2, 1fr)}}
/*# sourceMappingURL=configurator.css.map */