.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.right-1{right:.25rem}.top-1{top:.25rem}.z-50{z-index:50}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-2{margin-top:.5rem}.flex{display:flex}.hidden{display:none}.h-6{height:1.5rem}.h-\[200px\]{height:200px}.h-full{height:100%}.w-6{width:1.5rem}.w-\[200px\]{width:200px}.w-full{width:100%}.max-w-md{max-width:28rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-dashed{border-style:dashed}.border-\[\#d2ef0e\]{--tw-border-opacity:1;border-color:rgb(210 239 14/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.bg-\[\#d2ef0e\]{--tw-bg-opacity:1;background-color:rgb(210 239 14/var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-opacity-60{--tw-bg-opacity:0.6}.object-contain{-o-object-fit:contain;object-fit:contain}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.pb-\[30px\]{padding-bottom:30px}.pt-3{padding-top:.75rem}.text-center{text-align:center}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}@font-face{font-display:swap;font-family:Inter;font-weight:1 900;src:url(https://assets.hexarmor.com/assets/Inter-VariableFont_slnt,wght-af6c7c6b980e5b559c807662b53485ba81e7698e6bcd9f93b36d13c5d9706f37.ttf) format("truetype"),url(https://assets.hexarmor.com/fonts/Inter-VariableFont_slnt,wght.woff2) format("woff2"),url(https://assets.hexarmor.com/fonts/Inter-VariableFont_slnt,wght.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-weight:400;src:url(https://assets.hexarmor.com/assets/Roboto-Light-eb584627c8451dd4ba834d0dbea4fa0c9446e11cfb553046a0d001dcbffda31b.ttf) format("truetype"),url(https://assets.hexarmor.com/fonts/Roboto-Light.woff2) format("woff2"),url(https://assets.hexarmor.com/fonts/Roboto-Light.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-weight:700;src:url(https://assets.hexarmor.com/assets/Roboto-Regular-5ae7841855cd5a2653eeffe8a7ff84da6bf50f94635b8d3ad2783a114dd0410e.ttf) format("truetype"),url(https://assets.hexarmor.com/fonts/Roboto-Regular.woff2) format("woff2"),url(https://assets.hexarmor.com/fonts/Roboto-Regular.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-weight:900;src:url(https://assets.hexarmor.com/assets/Roboto-Bold-30b1eb646f558a00f398b91cabda502f7bc3f3681c48a0c78e8f091ffc1cc878.ttf) format("truetype"),url(https://assets.hexarmor.com/fonts/Roboto-Bold.woff2) format("woff2"),url(https://assets.hexarmor.com/fonts/Roboto-Bold.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto Condensed;font-weight:400;src:url(https://assets.hexarmor.com/fonts/roboto-condensed-v18-latin_cyrillic-300.ttf) format("truetype"),url(https://assets.hexarmor.com/assets/roboto-condensed-v18-latin_cyrillic-300-81f05f819994ee7cfa4b54c0e625cc0b6015bb48bfab6926574c20ddb1169b00.woff2) format("woff2"),url(https://assets.hexarmor.com/assets/roboto-condensed-v18-latin_cyrillic-300-6fd991d15e7dcf172434079a19457364cd9e61dffbb53940f6956b0e41a1e463.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto Condensed;font-weight:700;src:url(https://assets.hexarmor.com/fonts/roboto-condensed-v18-latin_cyrillic-700.ttf) format("truetype"),url(https://assets.hexarmor.com/assets/roboto-condensed-v18-latin_cyrillic-700-6e5146844bee7a207248fd9ccbbc5ba4a1a9001300f8b693d4bd88f9d98413d4.woff2) format("woff2"),url(https://assets.hexarmor.com/assets/roboto-condensed-v18-latin_cyrillic-700-b1cd86786824e9beed641b1b0e0fc6a11597f29cf4ad06e979ef440bd3dc40d0.woff) format("woff")}*{font-family:Inter,Roboto,Roboto Condensed,sans-serif}:-webkit-scrollbar-track{background-color:#f5f5f5;-webkit-box-shadow:inset 0 0 6px hsla(0,0%,42%,.3)}::-webkit-scrollbar{background-color:#f5f5f5;width:4px}::-webkit-scrollbar-thumb{background-color:#5d5d5d}body{color:#606468;font-family:Roboto,sans-serif}h2,h3,h4,h5,h6{color:#303e4c;font-size:16px;margin-bottom:8px}.tk-treble-app{grid-gap:5px;display:grid;grid-template-columns:auto 500px;margin:0 auto}.threekit{cursor:grab}.threekit .arButton___uN6j2{border-radius:5px!important}.threekit .arIcon___LBllM{margin-left:7px!important}#tk-treble-form{overflow:hidden;overflow-y:scroll}.hexarmor-btn{border-radius:60px;box-shadow:none;font-family:Inter,sans-serif;font-size:1rem;font-variation-settings:"wght" 700;font-weight:700;height:40px;letter-spacing:-.32px;text-decoration:none;width:200px}.hexarmor-btn.hexarmor-btn-green-on-light:hover{background-color:#c4d82e59;border-color:transparent;color:#404548}.hexarmor-btn.hexarmor-btn-outline-green{background-color:transparent;border-color:#d2ef0e!important;border-width:2px;color:#d2ef0e}.hexarmor-btn.hexarmor-btn-outline-gray{background-color:transparent;border-color:#404548;border-width:2px;color:#404548}.hexarmor-btn.hexarmor-btn-green-on-light{background-color:#c4d82e;border-color:transparent;border-width:2px;color:#404548}:root{--color-ring-inner:#fff;--color-ring-outer:#606468;--color-border-default:#ddd;--color-border-active:#333;--color-circle-size:42px;--color-scale-hover:1.05}.color-option-wrapper{display:inline-block;position:relative}.color-option-wrapper:after{background:rgba(0,0,0,.85);border-radius:6px;color:#fff;content:attr(data-tooltip);font-size:.8rem;padding:6px 10px;pointer-events:none;top:calc(100% + 10px);transition:opacity .2s ease,transform .2s ease;white-space:nowrap;z-index:10}.color-option-wrapper:after,.color-option-wrapper:before{left:50%;opacity:0;position:absolute;transform:translateX(-50%)}.color-option-wrapper:before{border:6px solid transparent;border-bottom-color:rgba(0,0,0,.8);content:"";top:100%;transition:opacity .2s ease;z-index:11}.color-option-wrapper:hover:after,.color-option-wrapper:hover:before{opacity:1;transform:translateX(-50%) translateY(0)}.color-picker-container{margin-bottom:30px}.color-picker-title{color:#606468;font-family:Inter,sans-serif;font-size:1.75rem;font-weight:700;letter-spacing:-.56px;line-height:1.2;margin:0 0 .5rem}.color-option-wrapper{align-items:center;display:flex;flex-direction:column;gap:6px}.color-label{word-wrap:break-word;color:#606468;font-size:.85rem;font-weight:500;max-width:50px;text-align:center}.color-options{display:flex;flex-wrap:wrap;gap:10px;justify-content:start;padding:5px 10px}.color-option{background:transparent;border:none;cursor:pointer;padding:0;transition:transform .25s ease,box-shadow .25s ease;transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.color-option:disabled{cursor:wait}.color-circle{border:2px solid #ddd;border:2px solid var(--color-border-default);border-radius:50%;height:42px;height:var(--color-circle-size);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;transition:transform var(--transition-speed) ease,border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease;width:42px;width:var(--color-circle-size)}.color-option.selected .color-circle,.color-option:hover .color-circle{border-color:#333;border-color:var(--color-border-active);box-shadow:0 0 0 3px #fff,0 0 0 4px #606468;box-shadow:0 0 0 3px var(--color-ring-inner),0 0 0 4px var(--color-ring-outer);transform:scale(1.05);transform:scale(var(--color-scale-hover))}:root{--dropdown-border:#ddd;--dropdown-border-hover:#606468;--dropdown-text:#333;--dropdown-bg:#fff;--dropdown-disabled-bg:#f5f5f5}.dropdown-picker-container{display:flex;flex-direction:column;margin-bottom:30px}.dropdown-wrapper{position:relative;width:95%}.dropdown-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;background:var(--dropdown-bg);border:2px solid #ddd;border:2px solid var(--dropdown-border);border-radius:8px;color:#333;color:var(--dropdown-text);cursor:pointer;font-size:1rem;outline:none;padding:10px 40px 10px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.dropdown-select:focus,.dropdown-select:hover{border-color:#606468;border-color:var(--dropdown-border-hover)}.dropdown-select:focus{box-shadow:0 0 0 3px rgba(96,100,104,.3)}.dropdown-select:disabled{background-color:#f5f5f5;background-color:var(--dropdown-disabled-bg);cursor:wait}.dropdown-wrapper:after{color:#606468;color:var(--dropdown-border-hover);content:"▼";font-size:.7rem;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%)}:root{--image-size:80px;--image-border-default:#ddd;--image-border-active:#333;--image-ring-inner:#fff;--image-ring-outer:#606468;--image-scale-hover:1.05;--transition-speed:0.25s}.image-picker-container{margin-bottom:30px}.image-option-wrapper{align-items:center;display:flex;flex-direction:column}.image-label{word-wrap:break-word;color:#606468;font-size:.85rem;font-weight:500;max-width:80px;text-align:center}.image-options{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x mandatory}.image-option{background:transparent;border:none;cursor:pointer;flex:0 0 auto;margin:8px 0;scroll-snap-align:start}.image-option:disabled{cursor:wait}.image-thumb{border:2px solid #ddd;border:2px solid var(--image-border-default);border-radius:8px;height:80px;height:var(--image-size);-o-object-fit:contain;object-fit:contain;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;transition:transform var(--transition-speed) ease,border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease;width:80px;width:var(--image-size)}.image-option.selected .image-thumb,.image-option:hover .image-thumb{border-color:#333;border-color:var(--image-border-active);box-shadow:0 0 0 3px #fff,0 0 0 4px #606468;box-shadow:0 0 0 3px var(--image-ring-inner),0 0 0 4px var(--image-ring-outer);transform:scale(1.05);transform:scale(var(--image-scale-hover))}.toggle-container{align-items:center;display:flex;font-family:Inter,sans-serif;gap:10px;margin-bottom:30px;padding:10px}.toggle-label{color:#606468;font-size:1rem;font-weight:500}.toggle-switch{height:26px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:34px;cursor:pointer;inset:0;position:absolute;transition:background-color .3s ease}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px rgba(0,0,0,.2);content:"";height:20px;left:3px;position:absolute;transition:transform .3s ease;width:20px}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#d2ef0e,#d2ef0e)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.ptoggle-wrapper{align-items:center;display:flex;font-family:Inter,sans-serif;gap:10px;padding:5px}.ptoggle-active{color:#333}.ptoggle-inactive{color:#606468}.ptoggle-switch{height:26px;position:relative;width:50px}.ptoggle-switch input{height:0;opacity:0;width:0}.ptoggle-slider{background-color:#ccc;border-radius:34px;cursor:pointer;inset:0;position:absolute;transition:background-color .3s ease}.ptoggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px rgba(0,0,0,.2);content:"";height:20px;left:3px;position:absolute;transition:transform .3s ease;width:20px}.ptoggle-switch input:checked+.ptoggle-slider{background:linear-gradient(135deg,#d2ef0e,#d2ef0e)}.ptoggle-switch input:checked+.ptoggle-slider:before{transform:translateX(24px)}@media screen and (max-width:1200px){.tk-treble-app{box-sizing:border-box;display:inline-block;float:left;position:relative;width:100%}#tk-treble-form{margin-top:20px}.total-price{text-align:center}.hor-row,.total-price{display:contents}}@media only screen and (min-width:769px){#tk-treble-form{height:calc(90vh - 111px)}.main-content{min-height:500px!important}}.tk-treble-player{position:sticky;top:0}button{border:none}#tk-treble-root{position:sticky;top:0;z-index:2}#MainContent{min-height:600px!important}.hover\:border-\[\#d2ef0e\]:hover{--tw-border-opacity:1;border-color:rgb(210 239 14/var(--tw-border-opacity))}.hover\:bg-\[\#d2ef0e\]:hover{--tw-bg-opacity:1;background-color:rgb(210 239 14/var(--tw-bg-opacity))}.hover\:bg-black:hover{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.hover\:bg-gray-400:hover{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity))}.hover\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}