*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.collapsible-dropdown{position:relative;width:100%}.collapsible-dropdown-trigger{align-items:center;background:linear-gradient(90deg,silver,#505050);border:2px solid navy;border-radius:12px 12px 0 0;color:#000;cursor:pointer;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;font-weight:500;justify-content:space-between;outline:none;padding:14px 18px;transition:all .3s ease;width:100%}.collapsible-dropdown-trigger:hover{border-color:#1a1a9a;filter:brightness(1.1)}.trigger-text{flex:1 1;text-align:left}.trigger-arrow{font-size:12px;margin-left:10px;transition:transform .3s ease}.trigger-arrow.open{transform:rotate(180deg)}.collapsible-dropdown-menu{background:linear-gradient(90deg,silver,#505050);border:2px solid navy;border-radius:0 0 12px 12px;border-top:none;box-shadow:0 8px 16px #0000004d;left:0;max-height:300px;opacity:.96;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.dropdown-group{border-bottom:1px solid navy}.dropdown-group:last-child{border-bottom:none}.group-header{align-items:center;background:#0000;border:none;color:#000;cursor:pointer;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:15px;font-weight:600;padding:12px 18px;text-align:left;transition:background-color .2s ease;width:100%}.group-header:hover{background-color:#00008026}.group-header.expanded{background-color:#00008033}.group-arrow{display:inline-block;font-size:12px;margin-right:10px;transition:transform .3s ease}.group-arrow.rotated{transform:rotate(90deg)}.group-items{padding:4px 0}.group-item{background:#0000;border:none;color:#000;cursor:pointer;display:block;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;font-weight:400;padding:10px 18px 10px 44px;text-align:left;transition:background-color .2s ease;width:100%}.group-item:hover{background-color:#00008033}.group-item.selected{background-color:#0000804d;font-weight:600}.collapsible-dropdown-menu::-webkit-scrollbar{width:8px}.collapsible-dropdown-menu::-webkit-scrollbar-track{background:#505050}.collapsible-dropdown-menu::-webkit-scrollbar-thumb{background:navy;border-radius:4px}.converter-column-right .collapsible-dropdown-menu,.converter-column-right .collapsible-dropdown-trigger{background:linear-gradient(90deg,#505050,silver)}.converter-page{align-items:center;background-color:#0e0e22;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center;padding:5vh 5vw;width:100vw}.converter-container{align-items:stretch;display:flex;gap:20px;height:90vh;width:90vw}.converter-column{display:flex;flex:1 1;flex-direction:column;gap:0;opacity:.9}.converter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:linear-gradient(90deg,silver,#505050);border:2px solid navy;border-radius:12px 12px 0 0;color:#000;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;font-weight:500;outline:none;padding:14px 18px;position:relative;transition:all .3s ease;width:100%;z-index:1}.converter-column-right .converter-select{background:linear-gradient(90deg,#505050,silver)}.converter-select:hover{border-color:#1a1a9a;filter:brightness(1.1)}.converter-select:focus{border-color:#2a2aaa;box-shadow:0 0 0 3px #0000804d}.converter-select optgroup{background:silver;color:#000;font-style:normal;font-weight:600;padding:8px 0}.converter-select option{background-color:silver;border:1px solid navy;color:#000;font-weight:400;padding:10px 18px}.converter-select option:hover{background-color:#a0a0a0}.converter-textarea{background:linear-gradient(180deg,#1e1e3a,#16162e);border:2px solid navy;border-top:none;color:#e0e0e0;flex:1 1;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:15px;line-height:1.6;outline:none;padding:18px;resize:none;transition:all .3s ease;width:100%}.converter-textarea::placeholder{color:#5a5a8c;font-style:italic}.converter-textarea:hover{border-color:#1a1a9a}.converter-textarea:focus{background:linear-gradient(180deg,#22223e,#1a1a32);border-color:#2a2aaa;box-shadow:0 0 0 3px #0000804d}.converter-options{align-items:center;background:linear-gradient(90deg,silver,#505050);border:2px solid navy;border-radius:0 0 12px 12px;border-top:none;display:flex;padding:10px 16px;position:relative;z-index:1}.converter-column-right .converter-options{background:linear-gradient(90deg,#505050,silver)}.options-label{color:#000;font-size:14px;font-weight:600;letter-spacing:1px;position:relative;text-transform:uppercase;z-index:1}.options-label-left{margin-right:auto}.options-label-right{margin-left:auto}.arrow-button{align-items:center;background-color:initial;border:2px solid navy;border-radius:50%;color:#000;cursor:pointer;display:flex;height:48px;justify-content:center;position:relative;transition:all .3s ease;width:48px;z-index:1}.arrow-button svg{height:24px;width:24px}.arrow-button:hover{background-color:#0000804d;border-color:#2a2aaa;box-shadow:0 0 12px #00008080;color:#fff}.arrow-button:active{transform:scale(.95)}
/*# sourceMappingURL=main.86c55551.css.map*/