@import"https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.App{width:100vw;height:100vh;font-family:Kanit;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.configurator{position:fixed;bottom:0;left:0;width:100%;background-color:#fff0;padding:20px;text-align:center;display:flex;align-items:center;justify-content:center}.configurator__content{width:100%;margin-left:-80px;text-align:center}.configurator__contentMobile{width:100%;max-width:300px;margin-left:-80px;text-align:center}.configurator__sections{display:flex;gap:20px;flex-wrap:nowrap;justify-content:center;margin-bottom:20px;overflow-x:no}.configurator__section{display:flex;flex-direction:column;align-items:center;border:2px solid #ccc;border-radius:12px;padding:12px 20px;min-width:200px;flex-shrink:0}.configurator__sectionMobile{display:flex;flex-direction:column;align-items:center;border:2px solid #ccc;border-radius:12px;padding:12px 15px;min-width:80px;flex-shrink:0}.configurator__section.active{display:block}.configurator__navigation{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:300px;margin-top:10px}.configurator__navigation button{background-color:transparent;color:#000;border:none;padding:0;cursor:pointer;font-size:18px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;outline:none}.configurator__navigation button:disabled{opacity:.3;cursor:not-allowed;color:#999}.configurator__navigation button:disabled:hover{background-color:transparent}.section-title{font-size:16px;font-weight:700;color:#000;text-align:center;margin:0 10px}⁠ .configurator__section__title{text-transform:uppercase;font-weight:700;font-family:kanit;color:#000}.configurator__section__values{display:flex;justify-content:center;align-items:center;gap:10px;padding:8px 0;flex-wrap:wrap;width:100%}.item__label{text-align:center;font-weight:light;font-size:12px;color:#aaa;transition:.4s color}.item__dot{width:20px;height:20px;border-radius:100%;border:solid 1px #999999}.item{display:flex;flex-direction:column;align-items:center;transition:.4s opacity;gap:4px}.item:hover{cursor:pointer;opacity:.9}.item.item--active .item__label{font-weight:700;color:#000}.item.item--active .item__dot{border:solid 1px black}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;display:grid;place-items:center;background-color:#f6f6f6;color:#1a202c}.loading-screen__container{text-align:center;max-width:90vw;word-wrap:break-word}.progress__container{width:100%;height:10px;background-color:#666a716b;position:relative;overflow:hidden;border-radius:10px}.progress__bar{width:0;height:100%;background-color:#1a202c;transition:width .5s ease-in-out}.loading-screen{opacity:1}.loading-screen--hidden{animation:fade-out .5s ease-in-out forwards 1s}@keyframes fade-out{0%{opacity:1}to{opacity:0;visibility:hidden}}.pointer{cursor:pointer}.configurator_section_chosen-colors{margin-top:10px;display:flex;gap:1px;color:#333}.color-label{font-size:16px;font-weight:700;color:#333}.configurator__section__images{display:flex;flex-direction:row;justify-content:center;gap:10px;margin-bottom:10px}.section-image{width:60px;height:auto;opacity:.8;transition:opacity .3s ease-in-out,transform .2s}.section-imageMobile{width:45px;height:auto;opacity:.9;transition:opacity .3s ease-in-out,transform .2s}.section-image:hover{opacity:1;transform:scale(1.2)}.section-image.active{opacity:1}.switch{position:relative;display:inline-block;width:50px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#826029}input:checked+.slider:before{transform:translate(26px)}@media (max-width: 980px){.configurator__sections{flex-wrap:wrap;justify-content:center}.configurator__section{flex:1 1 45%}.configurator__section:last-child{flex:1 1 90%;max-width:90vw;margin-top:10px}}.loader{border:6px solid #c4c2c2;border-top:6px solid #444;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}