:root{--sidebar-width-opened:18rem;--sidebar-width:var(--sidebar-width-opened);--sidebar-transition-duration:0.66s;--sidebar-easing:var(--spring-easing-soft)}:root:has(>body>div>.sidebar-container.collapsed){--sidebar-width:0;--sidebar-easing:cubic-bezier(0.24,0.64,0.31,1)}.sidebar-container{background-color:var(--color-backgroundSecondary);display:block;height:100vh;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transition-duration:var(--sidebar-transition-duration);transition-property:width;transition-timing-function:var(--sidebar-easing);width:var(--sidebar-width);will-change:width,display}.sidebar-container.collapsed{box-shadow:none;width:0}@media (min-width:1024px){.sidebar-container~.main .tapeheader{transition:padding-left var(--sidebar-transition-duration) var(--sidebar-easing)}.sidebar-container.collapsed~.main .tapeheader{padding-left:80px}.sidebar-container~.main{padding-left:var(--sidebar-width);transition:padding-left var(--sidebar-transition-duration) var(--sidebar-easing);will-change:padding-left}}.sidebar-inner{width:var(--sidebar-width-opened)}@media (max-width:1024px){:root{--sidebar-transition-duration:0.3s}.sidebar-container{z-index:38;--tw-shadow:0px 0px 2.8px -1px rgba(0,0,0,.47),0px 6px 2.5px -5px rgba(9,8,8,.02);--tw-shadow-colored:0px 0px 2.8px -1px var(--tw-shadow-color),0px 6px 2.5px -5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.sidebar-container~.main .tapeheader{padding-left:80px}}@media (max-width:640px){.sidebar-container.collapsed~.sidebar-buttons.not-tapes-route{border-bottom-width:1px;height:56px;left:0;position:fixed;right:0;top:0;z-index:38;--tw-border-opacity:1;background-color:hsla(0,0%,100%,.95);border-color:rgb(226 230 233/var(--tw-border-opacity));--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.sidebar-buttons .sidebar-container.collapsed~.main{padding-top:56px}}.add-tape,.menu-icon{cursor:pointer;position:fixed;transition:left var(--sidebar-transition-duration) var(--sidebar-easing);z-index:39}.add-tape.highlight,.menu-icon.highlight{background-color:var(--color-background);border-radius:8px}.menu-icon{left:16px;top:8px}.menu-icon.collapsed{left:8px}.add-tape{left:170px;top:8px}.add-tape.collapsed{left:50px}.sidebar-container.collapsed:has(+main .upgrade-banner)~.ui-button.collapsed{color:#fff}@keyframes slideSidebarOver{0%{translate:0 0}to{translate:var(--sidebar-width-opened) 0}}.select-wrapper{position:relative}.select-wrapper:before{border-radius:.375rem;box-shadow:0 0 2.8px -1px rgba(0,0,0,.5),0 6px 2.5px -5px rgba(9,8,8,.1);content:"";display:block;inset:0;position:absolute;scale:.8;transition:scale .2s ease-in;will-change:scale;z-index:-10}@media (hover:hover) and (pointer:fine){.select-wrapper:hover:before{scale:1;transition:scale 20ms ease-out}}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' fill='currentColor' viewBox='0 0 8 12'%3E%3Cpath d='M4 11.5.536 7h6.928zM4 .5 7.464 5H.536z'/%3E%3C/svg%3E");background-position:calc(100% - .5rem) 50%;background-repeat:no-repeat;background-size:7px;field-sizing:content;border-radius:.375rem;padding:.25rem 1.5rem .25rem .5rem}