@media screen and (min-width:1024px){.panel-configurator__sidebar{max-width:640px;margin-inline:auto}}.panel-configurator__category{gap:64px}.panel-configurator__size{color:rgb(var(--color-foreground) / .6)}.panel-configurator__size .range{width:100px}.panel-configurator__size .range::-webkit-slider-runnable-track{background-color:rgb(var(--color-border))}.panel-configurator__size .range::-moz-range-track{background-color:rgb(var(--color-border))}@media screen and (max-width:767px){.panel-configurator__controls{width:100%;justify-content:space-between}}.panel-configurator__wall{display:flex;align-items:flex-end;gap:0;overflow-x:auto;padding:8px 16px 16px;margin-inline:24px;background-color:#fff0f5;border-radius:6px;box-shadow:0 8px 24px -8px rgb(var(--color-shadow, 0 0 0) / .18);touch-action:pan-x;scrollbar-width:thin;scrollbar-color:rgb(var(--color-foreground) / .4) rgb(var(--color-foreground) / .1);cursor:grab}.panel-configurator__wall.is-dragging-wall{cursor:grabbing;-webkit-user-select:none;user-select:none}.panel-configurator__wall::-webkit-scrollbar{height:4px}.panel-configurator__wall::-webkit-scrollbar-track{background-color:rgb(var(--color-foreground) / .1);border-radius:var(--rounded-full, 9999px)}.panel-configurator__wall::-webkit-scrollbar-thumb{background-color:rgb(var(--color-foreground) / .4);border-radius:var(--rounded-full, 9999px)}.panel-configurator__column{flex:0 0 auto;min-width:0;width:var(--panel-column-width, auto);display:flex;flex-direction:column;align-items:center;gap:8px;border-radius:0;outline:2px solid transparent;outline-offset:-2px;cursor:grab;transition:outline-color .15s ease,opacity .15s ease}.panel-configurator__column+.panel-configurator__column{margin-inline-start:-1px}.panel-configurator__column [data-panel-configurator-cycle]{display:flex;align-items:center;justify-content:center;align-self:stretch;min-height:28px;border:none;background:none;padding:0;cursor:pointer;color:rgb(var(--color-foreground) / .55);transition:background-color .15s ease,color .15s ease}.panel-configurator__column [data-panel-configurator-cycle]:hover{background-color:rgb(var(--color-foreground) / .08);color:rgb(var(--color-foreground))}.panel-configurator__column [data-panel-configurator-cycle] .icon{width:min(20px,100%);height:auto;max-height:100%}.panel-configurator__column:active{cursor:grabbing}.panel-configurator__column.is-selected,.panel-configurator__column:focus-visible{outline-color:rgb(var(--color-foreground, 17 17 17));z-index:1}.panel-configurator__column.is-dragging{opacity:.4}.panel-configurator__image-wrap{height:clamp(160px,var(--panel-column-height, 60vh),900px);aspect-ratio:var(--panel-aspect-ratio, .29);width:var(--panel-column-width, auto);background-color:rgb(var(--color-placeholder, 229 229 229))}.panel-configurator__image{position:relative;width:100%;height:100%;overflow:hidden;transition:transform .3s ease}.panel-configurator__image.is-rotated{transform:rotate(180deg)}.panel-configurator__image img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;opacity:1;transition:opacity .3s ease}.panel-configurator__image img[hidden]{display:none}@keyframes panel-configurator-enter-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes panel-configurator-enter-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.panel-configurator__img-enter-up,.panel-configurator__img-enter-down{will-change:transform}.panel-configurator__img-enter-up{animation:panel-configurator-enter-up .28s ease}.panel-configurator__img-enter-down{animation:panel-configurator-enter-down .28s ease}@keyframes panel-configurator-exit-up{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes panel-configurator-exit-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}.panel-configurator__img-exit-up,.panel-configurator__img-exit-down{will-change:transform}.panel-configurator__img-exit-up{animation:panel-configurator-exit-up .28s ease}.panel-configurator__img-exit-down{animation:panel-configurator-exit-down .28s ease}@keyframes panel-configurator-shimmer{0%{background-position:-150% 0}to{background-position:150% 0}}.panel-configurator__image-wrap.is-loading,.panel-configurator__texture-item .color-swatch.is-loading{background-image:linear-gradient(100deg,transparent 30%,rgb(255 255 255 / .5) 50%,transparent 70%);background-size:200% 100%;background-repeat:no-repeat;animation:panel-configurator-shimmer 1.4s ease-in-out infinite}.panel-configurator__image-wrap.is-loading [data-panel-configurator-img]{opacity:0}.panel-configurator__tooltip{position:absolute;left:50%;bottom:calc(100% + 48px);z-index:3;transform:translate(-50%) scale(.85);transform-origin:bottom center;background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));padding:6px 14px;border-radius:4px;font-size:12px;line-height:1.4;white-space:nowrap;opacity:0;pointer-events:none;transition:transform .15s ease,opacity .15s ease}.panel-configurator__tooltip:empty{display:none}.panel-configurator__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:rgb(var(--color-foreground))}.panel-configurator__tooltip--service{right:auto;left:50%;top:auto;bottom:calc(100% + 10px);transform:translate(-50%) scale(.85);transform-origin:bottom center;white-space:normal;max-width:220px;text-align:left}.panel-configurator__tooltip--service:after{top:100%;left:50%;right:auto;transform:translate(-50%);border-left-color:transparent;border-top-color:rgb(var(--color-foreground))}.panel-configurator__service-info{display:inline-flex;color:rgb(var(--color-foreground) / .55);cursor:help}.panel-configurator__service-info:focus .panel-configurator__tooltip,.panel-configurator__service-info:focus-visible .panel-configurator__tooltip{opacity:1;transform:translate(-50%) scale(1)}@media(pointer:fine){.panel-configurator__service-info:hover .panel-configurator__tooltip{opacity:1;transform:translate(-50%) scale(1)}}.panel-configurator__placeholder{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;align-items:center;justify-content:center;pointer-events:none}.panel-configurator__image-wrap.is-empty .panel-configurator__placeholder{display:flex}.panel-configurator__placeholder-text{writing-mode:vertical-rl;transform:rotate(180deg);font-size:12px;letter-spacing:.04em;color:rgb(var(--color-foreground) / .5);white-space:nowrap}.panel-configurator__column-controls{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:0;pointer-events:none;transition:opacity .15s ease}.panel-configurator__column:hover .panel-configurator__column-controls,.panel-configurator__column:focus-within .panel-configurator__column-controls,.panel-configurator__column.is-selected .panel-configurator__column-controls{opacity:1;pointer-events:auto}.panel-configurator__control-button{position:absolute;left:50%;transform:translate(-50%);width:var(--sp-8, 32px);height:var(--sp-8, 32px)}.panel-configurator__control-button--top{top:8px}.panel-configurator__control-button--bottom{bottom:8px}[data-panel-configurator-remove].button--close:hover .icon:first-child{--tw-rotate: 0deg}.panel-configurator__hints{color:rgb(var(--color-foreground) / .65)}.panel-configurator__hint{padding-inline-end:20px;margin-inline-end:20px;border-inline-end:1px solid rgb(var(--color-border));white-space:nowrap}.panel-configurator__hint:last-child{padding-inline-end:0;margin-inline-end:0;border-inline-end:none}.panel-configurator__key{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding-inline:4px;border:1px solid rgb(var(--color-border));border-radius:4px;background-color:rgb(var(--color-background))}.panel-configurator__key--space{min-width:52px;font-size:11px;text-transform:uppercase;letter-spacing:.03em}.panel-configurator__summary:empty{display:none}.panel-configurator__summary-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:8px;border-bottom:1px solid rgb(var(--color-border))}.panel-configurator__summary-row:last-child{border-bottom:none}.panel-configurator__summary-title{overflow:hidden;text-overflow:ellipsis;min-width:0}.panel-configurator__summary-count{flex-shrink:0;font-weight:500}.panel-configurator__texture-item .color-swatch.is-selected:after{opacity:1}@media screen and (max-width:767px){.panel-configurator__image-wrap{height:clamp(140px,var(--panel-column-height-mobile, 45vh),650px)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/panel-configurator.css.map */