.theme-toggle-container{display:flex;justify-content:center;align-items:center;margin:10px 0;cursor:pointer}.toggle-wrapper{position:relative;width:72px;height:30px;background-color:#ccc;border-radius:15px;display:flex;align-items:center;padding:3px;transition:background .3s ease-in-out}.toggle-wrapper.dark{background-color:rgb(175,175,207)}.toggle-wrapper.light{background-color:rgb(104,145,179)}.toggle-circle{width:30px;height:24px;background-color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,.2);font-size:10px;font-weight:700;text-transform:uppercase}.theme-indicator{position:absolute;bottom:-30px;font-size:12px;color:#aaa;opacity:0;transition:opacity .3s ease-in-out;white-space:nowrap;left:50%;transform:translateX(-50%);max-width:200px;text-align:center;padding:5px;background-color:rgba(0,0,0,.6);border-radius:5px}.theme-toggle-container:hover .theme-indicator{opacity:1}.theme-toggle-container:hover{transform:scale(1.08)}