.configurator{--dropdown-bg:var(--bg-card-product);--dropdown-border:var(--border-card-product);--dropdown-text:var(--black);--dropdown-text-muted:var(--grey-dark);--dropdown-accent:var(--blue-2);--dropdown-accent-glow:var(--focus-blue);--dropdown-radius:1.2rem;--dropdown-shadow:var(--box-shadow);--dropdown-surface:var(--bg-card-product);--dropdown-trigger-bg:var(--bg-card-product);--dropdown-hover-bg:var(--grey-light-3);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10rem;width:100%;height:100%;background:var(--gradient)}@media(max-width:1280px){.configurator{padding:3.2rem}}@media(max-width:600px){.configurator{padding:3.2rem 1.6rem}}.configurator__wrap{width:100%;display:flex;flex-direction:column;align-items:center}.configurator__title{font-weight:600;font-size:4rem;margin-bottom:1.6rem;text-align:center}@media(max-width:600px){.configurator__title{font-size:2.4rem}}.configurator__custom-dropdown{position:relative;width:100%;margin-bottom:3.2rem}@media(max-width:600px){.configurator__custom-dropdown{margin-bottom:2.2rem}}.configurator__custom-dropdown:last-child{margin-bottom:0}.configurator__dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.4rem 1.8rem;background:var(--grey-light-3);border:.1rem solid var(--dropdown-border);border-radius:var(--dropdown-radius);color:var(--dropdown-text);font-size:1.6rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;list-style:none}@media(max-width:600px){.configurator__dropdown-trigger{font-size:1.4rem;padding:1.2rem 1.6rem}}.configurator__dropdown-trigger::-webkit-details-marker{display:none}.configurator__dropdown-trigger::marker{display:none;content:""}.configurator__dropdown-trigger:hover{background:var(--dropdown-hover-bg);border-color:var(--grey-light);transform:translateY(-.1rem);box-shadow:0 .4rem 1.2rem rgba(0,0,0,.08)}.configurator__dropdown-trigger:focus-visible{outline:.2rem solid var(--dropdown-accent);outline-offset:.2rem}.configurator__dropdown-trigger:active{transform:scale(.995);transition-duration:.05s}.configurator__dropdown-trigger:after{content:"";flex-shrink:0;width:2rem;height:2rem;background:var(--grey);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask-size:contain;mask-size:contain;transition:all .35s cubic-bezier(.68,-.55,.27,1.55)}.configurator__custom-dropdown:has(.configurator__custom-dropdown[open]) .configurator__dropdown-trigger{border-color:var(--dropdown-accent);background:var(--dropdown-hover-bg);box-shadow:0 0 0 .3rem var(--dropdown-accent-glow)}.configurator__custom-dropdown:has(.configurator__custom-dropdown[open]) .configurator__dropdown-trigger:after{transform:rotate(180deg);background:var(--dropdown-accent)}.configurator__dropdown-menu{position:absolute;top:calc(100% + .6rem);left:0;right:0;z-index:100;margin:0;padding:.6rem;list-style:none;background:var(--dropdown-surface);border:.1rem solid var(--dropdown-border);border-radius:var(--dropdown-radius);max-height:28rem;overflow-y:auto;opacity:0;transform:translateY(-1rem) scale(.96);transform-origin:top center;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.34,1.56,.64,1),visibility .2s ease;visibility:hidden;pointer-events:none}.configurator__dropdown-menu .dropdown-item{opacity:0;transform:translateX(-.8rem);transition:opacity .2s ease,transform .25s cubic-bezier(.34,1.56,.64,1)}.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu{opacity:1;transform:translateY(0) scale(1);visibility:visible;pointer-events:auto}@starting-style{.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu{opacity:0;transform:translateY(-1.5rem) scale(.92)}}.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item{opacity:1;transform:translateX(0)}.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:first-child{transition-delay:.03s}@starting-style{.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:first-child{opacity:0;transform:translateX(-1.2rem)}}.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(2){transition-delay:.06s}@starting-style{.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(2){opacity:0;transform:translateX(-1.2rem)}}.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(3){transition-delay:.09s}@starting-style{.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(3){opacity:0;transform:translateX(-1.2rem)}}.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(4){transition-delay:.12s}@starting-style{.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(4){opacity:0;transform:translateX(-1.2rem)}}.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(5){transition-delay:.15s}@starting-style{.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(5){opacity:0;transform:translateX(-1.2rem)}}.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(6){transition-delay:.18s}@starting-style{.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(6){opacity:0;transform:translateX(-1.2rem)}}.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(7){transition-delay:.21s}@starting-style{.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(7){opacity:0;transform:translateX(-1.2rem)}}.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(8){transition-delay:.24s}@starting-style{.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(8){opacity:0;transform:translateX(-1.2rem)}}.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(9){transition-delay:.27s}@starting-style{.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(9){opacity:0;transform:translateX(-1.2rem)}}.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(10){transition-delay:.3s}@starting-style{.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(10){opacity:0;transform:translateX(-1.2rem)}}.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(11){transition-delay:.33s}@starting-style{.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(11){opacity:0;transform:translateX(-1.2rem)}}.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(12){transition-delay:.36s}@starting-style{.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(12){opacity:0;transform:translateX(-1.2rem)}}.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(13){transition-delay:.39s}@starting-style{.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(13){opacity:0;transform:translateX(-1.2rem)}}.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(14){transition-delay:.42s}@starting-style{.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(14){opacity:0;transform:translateX(-1.2rem)}}.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(15){transition-delay:.45s}@starting-style{.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(15){opacity:0;transform:translateX(-1.2rem)}}.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(16){transition-delay:.48s}@starting-style{.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(16){opacity:0;transform:translateX(-1.2rem)}}.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(17){transition-delay:.51s}@starting-style{.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(17){opacity:0;transform:translateX(-1.2rem)}}.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(18){transition-delay:.54s}@starting-style{.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(18){opacity:0;transform:translateX(-1.2rem)}}.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(19){transition-delay:.57s}@starting-style{.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(19){opacity:0;transform:translateX(-1.2rem)}}.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(20){transition-delay:.6s}@starting-style{.configurator .configurator__custom-dropdown[open] .configurator__dropdown-menu .dropdown-item:nth-child(20){opacity:0;transform:translateX(-1.2rem)}}.configurator .dropdown-item{padding:1.4rem 1.6rem;color:var(--dropdown-text-muted);font-size:1.4rem;border-bottom:1px solid var(--grey-light-2);font-weight:450;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;display:flex;align-items:center;gap:1rem}.configurator .dropdown-item:last-child{margin-bottom:0;border-bottom:none}.configurator .dropdown-item:before{content:"";flex-shrink:0;width:.5rem;height:.5rem;border-radius:50%;background:var(--dropdown-accent);opacity:0;transform:scale(0);transition:all .25s cubic-bezier(.34,1.56,.64,1)}.configurator .dropdown-item:hover{background:var(--dropdown-hover-bg);color:var(--dropdown-text);padding-left:2.2rem;transform:translateX(.3rem)}.configurator .dropdown-item:hover:before{opacity:1;transform:scale(1)}.configurator .dropdown-item:active{background:var(--dropdown-accent);color:var(--white);transform:scale(.97);transition-duration:.05s}.configurator .dropdown-item:active:before{background:var(--white)}.configurator .dropdown-item:focus-visible{outline:.2rem solid var(--dropdown-accent);outline-offset:-.2rem;border-radius:.8rem}.configurator .dropdown-item.active,.configurator .dropdown-item[data-selected=true]{background:var(--dropdown-accent);color:var(--white);font-weight:500}.configurator .dropdown-item.active:before,.configurator .dropdown-item[data-selected=true]:before{opacity:1;transform:scale(1);background:var(--white)}.configurator .dropdown-item.active:hover,.configurator .dropdown-item[data-selected=true]:hover{background:var(--blue-dark)}.configurator__dropdown-menu{scrollbar-width:thin;scrollbar-color:var(--grey-light) rgba(0,0,0,0)}.configurator__dropdown-menu::-webkit-scrollbar{width:.4rem}.configurator__dropdown-menu::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.configurator__dropdown-menu::-webkit-scrollbar-thumb{background:var(--grey-light);border-radius:1rem}.configurator__dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--grey)}.configurator__custom-dropdown[disabled]{opacity:.5;pointer-events:none}.configurator__custom-dropdown[disabled] .configurator__dropdown-trigger{cursor:not-allowed}.configurator--small .configurator__dropdown-trigger,.configurator--small .dropdown-item{padding:.8rem 1.2rem;font-size:.8rem}.configurator--large .configurator__dropdown-trigger{padding:1.8rem 2.4rem;font-size:1.1rem}.configurator--large .dropdown-item{padding:1.6rem 2rem;font-size:1rem}