body,html{scroll-behavior:smooth;height:auto!important}body,html{overflow-y:auto!important}body{position:static!important}.konfigurator-content{position:relative!important;overflow:visible!important;height:auto!important;z-index:10!important}.w-full.rounded-lg.shadow-md.overflow-visible{position:relative;z-index:40!important}footer{z-index:30!important;pointer-events:auto}.scroll-container{overflow:visible!important;height:auto!important}.step-button{position:relative;overflow:hidden}.step-button:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.2);border-radius:50%;transform:scale(0);opacity:0;transition:transform .4s,opacity .4s}.step-button:hover:after{transform:scale(1);opacity:1}.step-clicked:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.4);border-radius:50%;animation:pulse .3s ease-out}@keyframes pulse{0%{transform:scale(0);opacity:1}to{transform:scale(1.5);opacity:0}}.step-button.selected{box-shadow:0 0 0 3px rgba(59,130,246,.5)}.tooltip{position:absolute;z-index:50;opacity:0;pointer-events:none;transition:all .3s}.tooltip.visible{opacity:1}.highlight-pulse{animation:highlightPulse 3s ease-in-out 3;border-color:#3b82f6!important;box-shadow:0 0 0 3px rgba(59,130,246,.5)!important;position:relative;z-index:10}@keyframes highlightPulse{0%{box-shadow:0 0 0 0 rgba(59,130,246,.7)}70%{box-shadow:0 0 0 10px rgba(59,130,246,0)}to{box-shadow:0 0 0 0 rgba(59,130,246,0)}}.height-input,[data-height=true]{transition:all .3s ease-in-out}.height-input:focus,.height-input:hover,[data-height=true]:focus,[data-height=true]:hover{border-color:#3b82f6!important;box-shadow:0 0 0 3px rgba(59,130,246,.3)!important;transform:scale(1.02)}.highlight-panel{box-shadow:0 0 0 4px rgba(59,130,246,.5);transform:scale(1.02);z-index:10}.highlight-panel,.panel-animation{transition:all .3s ease-in-out}.panel-new-animation{animation:fadeInScale .5s ease-in-out}.color-selected-animation{animation:subtlePulse .3s ease-in-out}@keyframes subtlePulse{0%{transform:scale(1);box-shadow:0 0 0 rgba(59,130,246,0)}50%{transform:scale(1.05);box-shadow:0 0 5px rgba(59,130,246,.5)}to{transform:scale(1);box-shadow:0 0 0 rgba(59,130,246,0)}}@keyframes fadeInScale{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1)}}.canvas-segment.selected{outline:2px solid rgba(59,130,246,.7);outline-offset:2px}.panel-animation{transition:all .3s ease-out}.panel-animation:hover{transform:scale(1.02);box-shadow:0 0 15px rgba(0,0,0,.1);z-index:10}.panel-animation.highlighted{animation:highlight-pulse 1.5s ease-in-out}.panel-number{opacity:.8;transition:opacity .2s ease}.panel-animation:hover .panel-number{opacity:1}@keyframes highlight-pulse{0%{transform:scale(1);box-shadow:0 0 0 rgba(59,130,246,0)}25%{transform:scale(1.03);box-shadow:0 0 15px rgba(59,130,246,.6)}50%{transform:scale(1.01);box-shadow:0 0 5px rgba(59,130,246,.3)}75%{transform:scale(1.02);box-shadow:0 0 10px rgba(59,130,246,.5)}to{transform:scale(1);box-shadow:0 0 0 rgba(59,130,246,0)}}.panel-new-animation{animation:new-panel 1s ease-out}@keyframes new-panel{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}@keyframes shine{0%{transform:translateX(-100%) skewX(20deg)}to{transform:translateX(150%) skewX(20deg)}}.animate-shine{animation:shine 2s infinite}@keyframes color-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.color-pulse{animation:color-pulse .5s ease-in-out}.height-input{transition:all .3s ease}.highlight-pulse{animation:highlight-border 2s ease-in-out}@keyframes highlight-border{0%{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.5)}50%{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.8)}to{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.5)}}.height-button,.width-button{transition:all .15s ease;transform-origin:center}.height-button:active,.width-button:active{transform:scale(.95)}.configuration-canvas ::-webkit-scrollbar{height:8px;width:8px}.configuration-canvas ::-webkit-scrollbar-track{background:rgba(229,231,235,.5);border-radius:4px}.configuration-canvas ::-webkit-scrollbar-thumb{background:rgba(156,163,175,.6);border-radius:4px}.configuration-canvas ::-webkit-scrollbar-thumb:hover{background:rgba(107,114,128,.7)}.dark .configuration-canvas ::-webkit-scrollbar-track{background:rgba(55,65,81,.5)}.dark .configuration-canvas ::-webkit-scrollbar-thumb{background:rgba(75,85,99,.7)}.dark .configuration-canvas ::-webkit-scrollbar-thumb:hover{background:rgba(107,114,128,.8)}.configuration-canvas [ref=scrollContainerRef]{scrollbar-width:none;-ms-overflow-style:none}.configuration-canvas [ref=scrollContainerRef]::-webkit-scrollbar{display:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.dark .panel-number{text-shadow:0 1px 2px rgba(0,0,0,.8);font-weight:600;font-size:.9rem}.dark .selected-panel{box-shadow:0 0 0 3px rgba(59,130,246,.6)!important}.dark .panel-animation{transition:all .3s ease-in-out;animation-duration:.3s;animation-fill-mode:forwards}.animations-disabled .panel-animation{animation:none!important;transition:none!important}.dark .canvas-segment{box-shadow:0 0 0 1px rgba(75,85,99,.4)}.dark .canvas-segment.selected{box-shadow:0 0 0 2px rgba(59,130,246,.5),0 0 15px rgba(59,130,246,.3)!important}.dark .color-selector-item{border-width:2px}.dark .color-selector-item.selected{box-shadow:0 0 0 3px rgba(34,197,94,.7)!important;border-color:rgb(34,197,94)!important}.dark .dimension-value{color:white;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark .active-tab{background-color:rgb(37,99,235)!important;color:white!important;box-shadow:0 0 10px rgba(37,99,235,.3)}.dark .text-on-dark-bg{color:rgb(229,231,235);text-shadow:0 1px 2px rgba(0,0,0,.5)}.dark .selected-model-card{border-color:rgb(37,99,235)!important;box-shadow:0 0 0 2px rgba(37,99,235,.7)!important;background-color:rgba(37,99,235,.2)!important}.dark .confirmation-modal{background-color:rgb(31,41,55);border-color:rgb(55,65,81)}.dark .confirmation-modal-header{background-color:rgb(55,65,81)}.dark .confirmation-modal-danger{background-color:rgba(220,38,38,.2);border-color:rgb(185,28,28)}.dark .interactive-tip{background-color:rgb(31,41,55);border-color:rgb(55,65,81);box-shadow:0 4px 15px rgba(0,0,0,.3)}.dark .tip-info{background-color:rgba(37,99,235,.2);border-color:rgb(37,99,235)}.dark .tip-warning{background-color:rgba(245,158,11,.2);border-color:rgb(245,158,11)}.dark .tip-success{background-color:rgba(16,185,129,.2);border-color:rgb(16,185,129)}.dark .action-button{font-weight:500;text-shadow:0 1px 1px rgba(0,0,0,.3)}.dark .green-button{background-color:rgb(5,150,105)!important;box-shadow:0 2px 4px rgba(0,0,0,.2)}.dark .green-button:hover{background-color:rgb(4,120,87)!important;box-shadow:0 2px 6px rgba(0,0,0,.3)}.dark .blue-button{background-color:rgb(37,99,235)!important;box-shadow:0 2px 4px rgba(0,0,0,.2)}.dark .blue-button:hover{background-color:rgb(29,78,216)!important;box-shadow:0 2px 6px rgba(0,0,0,.3)}