.main-menu__nav{background-color:var(--sc-color-white);border-radius:0 0 var(--sc-border-radius) var(--sc-border-radius);box-shadow:var(--sc-shadow-md);min-height:0;max-height:0;transition:var(--sc-transition);z-index:60;width:335px;position:absolute;right:20px;overflow:hidden}.main-menu__nav.main-menu__nav--open{min-height:auto;max-height:100vh}.main-menu__nav ul{list-style:none}.main-menu__nav ul a{border-bottom:1px solid var(--sc-color-gray);color:var(--sc-color-body);padding:var(--sc-spacing-small);text-decoration:none;display:block}.main-menu__nav ul .link-button{margin:var(--sc-spacing-small);padding:var(--sc-spacing-xsmall) var(--sc-spacing-small)}
.header__container{background-color:var(--sc-color-white);border-radius:var(--sc-border-radius) var(--sc-border-radius) 0 0;box-shadow:var(--sc-shadow-sm);gap:var(--sc-spacing-xsmall);padding:var(--sc-spacing-xxsmall);padding-left:var(--sc-spacing-xsmall);justify-content:space-between;display:flex}.header__logo{width:200px;display:flex;position:relative}.header__logo a{align-items:center;display:flex}.header__logo img{width:100%;min-width:200px;height:auto}
.header{padding:var(--sc-spacing-small);padding-bottom:0}
.preview-bar{z-index:10;padding-left:.5rem;padding-right:.5rem;position:fixed;bottom:.25rem;left:0;right:0}@media (min-width:768px){.preview-bar{padding-left:1rem;padding-right:1rem;bottom:.5rem}}.preview-bar__container{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#f4f4f5cc;border:1px solid #e4e4e7;border-radius:.375rem;max-width:24rem;margin-left:auto;margin-right:auto;padding:.5rem}@media (prefers-color-scheme:dark){.preview-bar__container{background-color:#18181bcc;border-color:#27272a}}.preview-bar__content{align-items:center;display:flex}.preview-bar__message-wrapper{flex:1}.preview-bar__message{color:#3f3f46;font-size:.75rem;line-height:1rem}@media (prefers-color-scheme:dark){.preview-bar__message{color:#d4d4d8}}.preview-bar__status{color:#71717a;font-size:.75rem;line-height:1rem}@media (prefers-color-scheme:dark){.preview-bar__status{color:#a1a1aa}}.preview-bar__button{color:#71717a;font-size:.75rem;line-height:1rem;transition-property:color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.preview-bar__button:hover{color:#3f3f46}@media (prefers-color-scheme:dark){.preview-bar__button{color:#a1a1aa}.preview-bar__button:hover{color:#e4e4e7}}