.theme-dice{width:20px;height:20px;filter:none}.dice-container{width:100%;height:100%;overflow:hidden;font-size:0}.dice-inner{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:.6px;width:100%;height:100%;padding:3px;border-radius:6px;box-sizing:border-box;border:.9px solid var(--color-base-300,hsl(var(--b3)));box-shadow:none;outline:none;place-items:center}.dice-inner,.dot{transform:translateZ(0)}.dot{position:relative;width:76%;height:0;padding-bottom:76%;margin:auto;will-change:transform;backface-visibility:hidden;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;overflow:hidden}.dot,.dot:before{border-radius:50%}.dot:before{content:"";position:absolute;inset:0;background-color:inherit}.themes-list{max-height:calc(80vh - 40px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:hsl(var(--p)) transparent;padding-right:4px}.themes-list::-webkit-scrollbar{width:5px}.themes-list::-webkit-scrollbar-track{background:transparent}.themes-list::-webkit-scrollbar-thumb{background-color:hsl(var(--p));border-radius:10px}.dropdown-fade-enter-active{transition:opacity .15s ease-out}.dropdown-fade-enter-from{opacity:0}.dropdown-mobile-pos{right:0;left:auto}.dropdown-drawer-top .dropdown-content{top:auto!important;bottom:calc(100% + .5rem)!important}.drawer-selected-theme-preview{display:inline-flex;min-width:0;align-items:center}.drawer-inline-theme-list{max-height:min(18rem,42vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:hsl(var(--p)) transparent;padding-right:.25rem}.drawer-inline-theme-list::-webkit-scrollbar{width:5px}.drawer-inline-theme-list::-webkit-scrollbar-track{background:transparent}.drawer-inline-theme-list::-webkit-scrollbar-thumb{background-color:hsl(var(--p));border-radius:999px}.drawer-inline-theme-option{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.75rem;border-radius:.75rem;padding:.55rem .625rem;text-align:left;color:hsl(var(--bc));transition:background-color .15s ease,opacity .15s ease}.drawer-inline-theme-option.active,.drawer-inline-theme-option:hover{background:hsl(var(--b2))}.drawer-inline-theme-option .dice-container,.drawer-inline-theme-option .theme-dice{display:inline-block}.dropdown-fade-enter-to{opacity:1}.no-hover-bg,.no-hover-bg:active,.no-hover-bg:focus,.no-hover-bg:focus-visible,.no-hover-bg:hover{background:transparent!important;background-color:transparent!important;box-shadow:none!important;outline:none!important}