.page-layout{display:flex;min-height:100vh}.main-content{flex-direction:column;flex-grow:1;overflow-x:hidden;position:relative;width:100vw}.media-switcher{--switcher-bg:#1e1e2e;--switcher-indicator:#20543d;--switcher-icon:#94a3b8;--switcher-icon-active:#fff;--switcher-border:#ffffff1a;--switcher-shadow:0 4px 6px -1px #0000004d;display:inline-flex}.media-switcher--sm{--switcher-size:28px;--switcher-icon-size:14px;--switcher-padding:3px;--switcher-radius:10px}.media-switcher--md{--switcher-size:34px;--switcher-icon-size:16px;--switcher-padding:4px;--switcher-radius:12px}.media-switcher--lg{--switcher-size:44px;--switcher-icon-size:20px;--switcher-padding:5px;--switcher-radius:16px}.media-switcher__track{align-items:center;background:var(--switcher-bg);border:1px solid var(--switcher-border);border-radius:75px 75px 75px 75px;box-shadow:var(--switcher-shadow);display:flex;justify-content:space-between;padding:var(--switcher-padding);position:relative;width:calc(var(--switcher-size)*2 + var(--switcher-padding)*2)}.media-switcher__indicator{background:var(--switcher-indicator);border-radius:50%;box-shadow:0 2px 8px #6366f166;left:var(--switcher-padding);position:absolute;transition:transform .3s cubic-bezier(.4,0,.2,1)}.media-switcher__indicator,.media-switcher__option{height:var(--switcher-size);width:var(--switcher-size)}.media-switcher__option{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:center;padding:0;position:relative;transition:all .2s ease;z-index:1}.media-switcher__option:focus{outline:none}.media-switcher__option:focus-visible{border-radius:calc(var(--switcher-radius) - var(--switcher-padding));outline:2px solid var(--switcher-indicator);outline-offset:2px}.media-switcher__icon{fill:var(--switcher-icon);stroke:var(--switcher-icon);height:var(--switcher-icon-size);transition:all .2s ease;width:var(--switcher-icon-size)}.media-switcher__icon path{fill:inherit;stroke:inherit;transition:all .2s ease}.media-switcher__icon[fill=none]{fill:none}.media-switcher__icon[fill=none] path{fill:none;stroke:var(--switcher-icon)}.media-switcher__option--active .media-switcher__icon{fill:var(--switcher-icon-active);stroke:var(--switcher-icon-active)}.media-switcher__option--active .media-switcher__icon[fill=none]{fill:none}.media-switcher__option--active .media-switcher__icon[fill=none] path{fill:none;stroke:var(--switcher-icon-active)}.media-switcher--disabled{opacity:.5;pointer-events:none}.media-switcher--disabled .media-switcher__option{cursor:not-allowed}.media-switcher--light{--switcher-bg:#f1f5f9;--switcher-indicator:#20543d;--switcher-icon:#64748b;--switcher-icon-active:#fff;--switcher-border:#0000001a;--switcher-shadow:0 4px 6px -1px #0000001a}.media-switcher--loading{pointer-events:none}.media-switcher--loading .media-switcher__option{cursor:wait}.media-switcher__icon-wrapper{align-items:center;display:flex;justify-content:center;transition:opacity .2s ease,transform .3s ease}.media-switcher__icon-wrapper--hidden{opacity:0;transform:scale(.5)}.media-switcher__indicator--loading{animation:indicatorPulse .8s ease-in-out infinite;box-shadow:0 2px 16px #6366f199}@keyframes indicatorPulse{0%,to{box-shadow:0 2px 8px #6366f166;transform:translateX(0) scale(1);transform:translateX(var(--translate-x,0)) scale(1)}50%{box-shadow:0 2px 20px #6366f1cc;transform:translateX(0) scale(1.02);transform:translateX(var(--translate-x,0)) scale(1.02)}}.media-switcher__option--loading-target{animation:loadingTargetPulse .8s ease-in-out infinite;background:#6366f14d;border-radius:calc(var(--switcher-radius) - var(--switcher-padding))}@keyframes loadingTargetPulse{0%,to{background:#6366f133;box-shadow:inset 0 0 8px #6366f14d}50%{background:#6366f166;box-shadow:inset 0 0 12px #6366f180}}.media-switcher__loader{align-items:center;animation:loaderFadeIn .2s ease forwards;display:flex;height:100%;justify-content:center;width:100%}@keyframes loaderFadeIn{0%{opacity:0}to{opacity:1}}.media-switcher__spinner{align-items:center;display:flex;gap:3px;justify-content:center}.media-switcher__spinner-dot{animation:dotBounce .6s ease-in-out infinite;background:var(--switcher-indicator);border-radius:50%;height:4px;width:4px}.media-switcher__spinner-dot:first-child{animation-delay:0s}.media-switcher__spinner-dot:nth-child(2){animation-delay:.1s}.media-switcher__spinner-dot:nth-child(3){animation-delay:.2s}.media-switcher__option--transitioning{animation:optionTransition .3s ease}@keyframes optionTransition{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}.media-switcher--sm .media-switcher__spinner-dot{height:3px;width:3px}.media-switcher--sm .media-switcher__spinner{gap:2px}.media-switcher--lg .media-switcher__spinner-dot{height:5px;width:5px}.media-switcher--lg .media-switcher__spinner{gap:4px}@keyframes dotBounce{0%,to{opacity:.5;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-4px) scale(1.2)}}.orb-container{height:100%;position:relative;width:100%;z-index:0}
/*# sourceMappingURL=main.e8266a7b.css.map*/