:root{--panel-bg: #ffffff;--panel-text: #000000;--panel-border: #000000;--panel-shadow: rgba(0,0,0,.5);--panel-hover-bg: #000000;--panel-hover-text: #ffffff;--panel-hover-shadow: rgba(255,255,255,.5);--overlay-text: #ffffff;--overlay-shadow: #000000;--modal-bg: #000000;--modal-text: #ffffff;--modal-header-bg: rgba(255,255,255,.1);--modal-header-border: rgba(255,255,255,.2);--tab-bg: #000000;--tab-text: #ffffff;--tab-hover-bg: #ffffff;--tab-hover-text: #000000;--input-border: rgba(0,0,0,.1);--icon-filter: invert(1);--modal-icon-filter: none;--icon-hover-filter: none;--modal-icon-hover-filter: invert(1);--slider-bg: #ffffff;--thumb-bg: #000000;--thumb-border: #000000;--checkbox-bg: #ffffff;--checkbox-border: #000000;--checkbox-check: #000000;--radio-dot: #000000;--toggle-bg: rgba(54,54,54,.52);--toggle-knob-bg: #000000;--toggle-knob-border: #000000;--toggle-checked-bg: #ffffff;--text-shadow: 1px 1px 2px #000000;--modal-icon-no-invert-hover-filter: invert(0)}body.dark{--panel-bg: #000000;--panel-text: #ffffff;--panel-border: #ffffff;--panel-shadow: rgba(255,255,255,.5);--panel-hover-bg: #ffffff;--panel-hover-text: #000000;--panel-hover-shadow: rgba(0,0,0,.5);--overlay-text: #000000;--overlay-shadow: #ffffff;--modal-bg: #ffffff;--modal-text: #000000;--modal-header-bg: rgba(0,0,0,.1);--modal-header-border: rgba(0,0,0,.2);--tab-bg: #ffffff;--tab-text: #000000;--tab-hover-bg: #000000;--tab-hover-text: #ffffff;--input-border: rgba(255,255,255,.1);--icon-filter: none;--modal-icon-filter: invert(1);--icon-hover-filter: invert(1);--modal-icon-hover-filter: none;--slider-bg: #000000;--thumb-bg: #ffffff;--thumb-border: #ffffff;--checkbox-bg: #000000;--checkbox-border: #ffffff;--checkbox-check: #ffffff;--radio-dot: #ffffff;--toggle-bg: rgba(200,200,200,.52);--toggle-knob-bg: #ffffff;--toggle-knob-border: #ffffff;--toggle-checked-bg: #000000;--text-shadow: 1px 1px 2px #000000;--modal-icon-no-invert-hover-filter: invert(0)}body{margin:0;padding:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideOutTop{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOutBottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translateY(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes grow{0%{transform:scale(.5)}to{transform:scale(1)}}@keyframes shrink{0%{transform:scale(1)}to{transform:scale(.5)}}.fade-in{animation:fadeIn 1s ease forwards}.fade-out{animation:fadeOut 1s ease forwards}.slide-in-top{animation:slideInTop 1s ease forwards}.slide-out-top{animation:slideOutTop 1s ease forwards}.slide-in-bottom{animation:slideInBottom 1s ease forwards}.slide-out-bottom{animation:slideOutBottom 1s ease forwards}.slide-in-left{animation:slideInLeft 1s ease forwards}.slide-out-left{animation:slideOutLeft 1s ease forwards}.slide-in-right{animation:slideInRight 1s ease forwards}.slide-out-right{animation:slideOutRight 1s ease forwards}.grow{animation:grow 1s ease forwards}.shrink{animation:shrink 1s ease forwards}.left-panel,.right-panel{position:absolute;top:20px;display:flex;flex-direction:column;gap:16px;z-index:10}.left-panel{left:20px}.right-panel{right:20px}.explorer-panel{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:row;align-items:center;gap:16px;z-index:10}.bottom-left-container{position:absolute;bottom:20px;left:20px;display:flex;flex-direction:column;gap:8px;z-index:10}.bottom-right-panel{position:absolute;bottom:20px;right:0;display:flex;flex-direction:column;gap:8px;width:128px;height:auto;max-height:128px;z-index:10}.bottom-progress-row{display:flex;align-items:center;gap:8px}.middle-panel{position:absolute;width:95vw;top:50%;left:50%;transform:translate(-50%,-50%);align-items:center;justify-content:center;display:flex;flex-direction:row;gap:16px;z-index:10}.middle-item{position:relative;width:256px;height:152px;background-size:cover;background-position:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 8px var(--panel-shadow)}.middle-item:hover{transform:scale(1.1);border:4px solid #c71585;box-shadow:0 6px 12px var(--panel-shadow)}.middle-item-caption{position:absolute;bottom:8px;left:8px;display:flex;flex-direction:row;align-items:flex-end;gap:8px}.middle-item-caption img{width:16px;height:16px;margin-bottom:2px;filter:invert(0)!important}.middle-item-caption span{width:200px;font-family:Outfit,sans-serif;font-weight:400;color:var(--overlay-text);text-transform:uppercase;text-shadow:var(--text-shadow)}.middle-item-caption .caption-texts{display:flex;flex-direction:column;gap:4px;position:relative}.middle-item-caption .caption-texts span:not(.sub-caption){opacity:1;transition:opacity .3s ease}.middle-item:hover .middle-item-caption .caption-texts span:not(.sub-caption){opacity:0}.middle-item-caption .caption-texts .sub-caption{position:absolute;top:100%;left:0;opacity:0;transition:opacity .3s ease,top .3s ease;font-size:14px}.middle-item:hover .middle-item-caption .caption-texts .sub-caption{opacity:1;top:0}.square-box{display:flex;align-items:center;justify-content:center;cursor:pointer;min-width:64px;min-height:64px;max-width:64px;max-height:64px;border:2px solid var(--panel-border);transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 8px var(--panel-shadow)}.square-box:hover{transform:scale(1.1);box-shadow:0 6px 12px var(--panel-shadow)}.square-box img,.explorer-button img,.middle-item-caption img{filter:var(--icon-filter);width:24px;height:24px;object-fit:contain}.middle-item-caption img{width:16px;height:16px}.explorer-button{display:flex;max-width:140px;align-items:center;gap:8px;background-color:var(--panel-bg);box-shadow:0 4px 8px var(--panel-shadow);padding:8px;border:none;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease,color .2s ease;width:100%;justify-content:left}.explorer-button img{width:24px;height:24px}.explorer-button span{font-family:Outfit,sans-serif;font-weight:400;font-size:12px;color:var(--panel-text);text-transform:uppercase}.explorer-button:hover{background-color:var(--panel-hover-bg);box-shadow:0 4px 8px var(--panel-hover-shadow)}.explorer-button:hover span{color:var(--panel-hover-text)}.explorer-button:hover img{filter:var(--icon-hover-filter)}.explorer-input{background-color:transparent;padding:8px;border:1px solid var(--input-border);color:var(--overlay-text);text-shadow:var(--text-shadow);font-family:Outfit,sans-serif;width:300px;border-radius:0;box-shadow:0 4px 8px var(--panel-shadow)}.explorer-input::placeholder{color:var(--overlay-text);text-shadow:var(--text-shadow)}.explorer-input:focus{outline:none;border-color:var(--panel-border);border-radius:0}.progress-bar{width:300px;height:8px;background:#0000;border:4px solid var(--panel-border);position:absolute;bottom:20px;z-index:10;visibility:visible;left:50%;transform:translate(-50%);padding:2px}.progress-bar .progress-inner{height:100%;background-color:var(--panel-border);transition:width .3s ease;width:0%}.bottom-progress-bar{width:200px;height:8px;background:#0000;border:4px solid var(--panel-border);padding:2px}.bottom-progress-bar .progress-inner{height:100%;background-color:var(--panel-border);width:0%}#value-selected-crypto{font-family:Outfit,sans-serif;font-size:10px;color:var(--overlay-text);text-shadow:var(--text-shadow);text-align:right;background-color:transparent;padding-right:4px;margin-top:-8px}.custom-slider{-webkit-appearance:none;appearance:none;width:150px;height:8px;background:var(--slider-bg);outline:none;opacity:.9;transition:opacity .2s,transform .2s;border-radius:0}.custom-slider:hover{opacity:1;transform:scale(1.05)}.custom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:7px;background:var(--thumb-bg);border:2px solid var(--thumb-border);cursor:pointer;border-radius:0;transition:background .2s,transform .2s}.custom-slider::-webkit-slider-thumb:active{background:var(--thumb-bg);transform:scale(1.2)}.custom-slider::-moz-range-thumb{width:20px;height:7px;background:var(--thumb-bg);border:2px solid var(--thumb-border);cursor:pointer;border-radius:0;transition:background .2s,transform .2s}.custom-slider::-moz-range-thumb:active{background:var(--thumb-bg);transform:scale(1.2)}.custom-checkbox{appearance:none;width:20px;height:20px;background:var(--checkbox-bg);border:2px solid var(--checkbox-border);border-radius:0;cursor:pointer;position:relative;transition:background .2s,transform .2s}.custom-checkbox:checked{background:var(--checkbox-bg)}.custom-checkbox:checked:before{content:"✔";position:absolute;top:-2px;left:2px;font-size:18px;color:var(--checkbox-check)}.custom-checkbox:active{transform:scale(1.1)}.custom-radio{appearance:none;width:20px;height:20px;background:var(--checkbox-bg);border:2px solid var(--checkbox-border);border-radius:0;cursor:pointer;position:relative;transition:background .2s,transform .2s}.custom-radio:checked:before{content:"";position:absolute;top:4px;left:4px;width:8px;height:8px;background:var(--radio-dot);border-radius:0}.custom-radio:active{transform:scale(1.1)}.custom-toggle{position:relative;display:inline-block;width:40px;height:20px}.custom-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;width:35px;cursor:pointer;inset:0;background-color:var(--toggle-bg);transition:background .4s,transform .2s;border-radius:0}.toggle-slider:before{position:absolute;content:"";height:16px;width:12px;left:2px;bottom:1.5px;background-color:var(--toggle-knob-bg);border:1px solid var(--toggle-knob-border);transition:transform .4s;border-radius:0}.custom-toggle input:checked+.toggle-slider{background-color:var(--toggle-checked-bg)}.custom-toggle input:checked+.toggle-slider:before{transform:translate(18px)}.custom-toggle input:active+.toggle-slider{transform:scale(1.05)}.custom-dropdown{-webkit-appearance:none;appearance:none;width:150px;height:24px;background:#000;color:#fff;border:2px solid var(--thumb-border);padding:4px 24px 4px 8px;cursor:pointer;transition:background .2s,transform .2s,opacity .2s;border-radius:0;position:relative;opacity:.9;font-family:Outfit,sans-serif;font-size:10px;box-sizing:border-box}.custom-dropdown:focus{outline:none}.custom-dropdown:hover{transform:scale(1.05);opacity:1}.custom-dropdown:after{content:"";position:absolute;right:10px;top:50%;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--modal-text);transform:translateY(-25%);pointer-events:none}.custom-dropdown option{background:var(--slider-bg);color:var(--modal-text)}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--modal-bg);display:none;flex-direction:column;z-index:20;opacity:0;transform:scale(0);transition:opacity .5s ease,transform .5s ease}.modal img{filter:var(--modal-icon-filter)}.modal.active{display:flex;opacity:1;transform:scale(1)}.modal .close-icon{position:absolute;top:14px;left:20px;cursor:pointer;width:24px;height:24px}.modal-header{width:100%;height:32px;padding:10px;text-align:center;background-color:var(--modal-header-bg);border-bottom:1px solid var(--modal-header-border)}.modal-header .title{font-family:Outfit,sans-serif;font-weight:700;color:var(--modal-text);text-transform:uppercase;margin:0}.modal-row{display:flex;justify-content:space-between;align-items:center;font-family:Outfit,sans-serif;font-size:10px;gap:10px;width:100%;max-height:50px;padding:5px}.modal-left{display:flex;align-items:center;gap:10px}.modal-left img{width:24px;height:24px}.modal-content{flex:1;display:flex;flex-direction:column;justify-content:left;align-items:left;color:var(--modal-text);text-align:center;overflow-y:auto;padding:20px}.modal-row img{width:24px;height:24px}.extensions-content{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:20px;overflow-y:auto;background:#00000080}.extensions-content .square-box{border:2px solid white;box-shadow:0 4px 8px #ffffff7f}.small-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;max-width:80vw;background:var(--modal-bg);color:var(--modal-text);font-family:Outfit,sans-serif;padding:20px;z-index:20;display:none;flex-direction:column;align-items:center;gap:16px;opacity:0;transition:opacity .5s ease}.small-modal.active{display:flex;opacity:1}.small-modal p{color:var(--modal-text);text-align:center;margin:0;font-size:14px}.small-modal .buttons-container{display:flex;gap:16px}.small-modal .explorer-button{width:auto;justify-content:center}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:15;display:none;opacity:0;transition:opacity .5s ease}.modal-backdrop.active{display:block;opacity:1}.settings-tabs{display:flex;gap:0}.tab-button{display:flex;align-items:center;gap:8px;background-color:var(--tab-bg);color:var(--tab-text);padding:8px 16px;border:none;cursor:pointer;transition:background-color .2s ease,color .2s ease;font-family:Outfit,sans-serif;font-size:12px;text-transform:uppercase;box-shadow:none}.tab-button:hover,.tab-button.active{background-color:var(--tab-hover-bg);color:var(--tab-hover-text)}.tab-button:hover img,.tab-button.active img{filter:var(--modal-icon-hover-filter)}.tab-button img{width:24px;height:24px}.tab-content{display:none;padding:10px;background:#151515db;border-radius:8px}.tab-content.active{display:block}.subsection-header{font-family:Outfit,sans-serif;font-weight:700;color:var(--modal-text);text-transform:uppercase;margin-top:16px;margin-bottom:8px;font-size:14px;text-align:left}.overlay-fade-out{opacity:.3;transition:opacity .5s ease}.explorer-modal{position:absolute;padding:10px;top:70px;left:12px;width:95vw;max-height:80vh;overflow-y:scroll;background:#fffc;border-radius:0 0 8px 8px;z-index:15;transition:transform 1s ease,opacity 1s ease}.explorer-header{display:flex;justify-content:space-between;align-items:center;background:#000c;padding:8px;margin-bottom:10px}.header-area{display:flex;gap:8px}.left-area{justify-content:flex-start}.middle-area{justify-content:center;flex-grow:1}.right-area{justify-content:flex-end}.explorer-content{display:flex;flex-direction:column}.explorer-modal .modal-row{cursor:pointer}.explorer-modal .modal-row p{text-transform:uppercase}.explorer-modal .modal-row:hover{background-color:#000;color:#fff}.explorer-modal .modal-row:hover img{filter:none}@media (max-width: 768px){.left-panel,.right-panel{gap:8px;top:10px}.left-panel{left:10px}.right-panel{right:10px}.square-box{width:72px;height:72px}}.tab-button.no-invert:hover img{filter:var(--modal-icon-filter)}.tab-button.no-invert.active img,.tab-button.no-invert.active:hover img{filter:var(--modal-icon-hover-filter)!important}.tab-button.no-invert.active img,.tab-button.no-invert.active:hover img,.tab-button.no-invert img,.tab-button.no-invert:hover img{filter:var(--modal-icon-no-invert-hover-filter)!important}body.dark .tab-content{background-color:#f7f7f7cc}body.dark .custom-dropdown{border:2px solid #000000}body.dark .extensions-content{background:#ffffff80}body.dark .middle-item-caption span{color:#fff}body.dark .explorer-header .left-area .tab-button img,body.dark .explorer-header .right-area .tab-button img{filter:none}body.dark .explorer-header .left-area .tab-button img,body.dark .explorer-header .right-area .tab-button img{filter:invert(1)}body.dark .explorer-header .left-area .tab-button:hover img,body.dark .explorer-header .right-area .tab-button:hover img,body.dark .explorer-header .left-area .tab-button.active img,body.dark .explorer-header .right-area .tab-button.active img{filter:invert(0)}body.dark #value-selected-crypto{color:#fff}body.dark .extensions-content .square-box{border:2px solid #000000;box-shadow:0 4px 8px #2827277f}