:root{--header-height:4rem;--navbar-height:calc(min(16vw, 3.5rem) + env(safe-area-inset-bottom));--mobileHeader-height:min(16vw, 3.5rem);--radius:10px;--space:2px}:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}::selection{color:var(--elements);background:var(--accent-color)}@page{size:A4;margin:2cm 1cm}body{-webkit-tap-highlight-color:#0000;padding-top:env(safe-area-inset-top,0px)}body:before{content:"";height:env(safe-area-inset-top,0px);background-color:var(--elements);z-index:-1;pointer-events:none;position:fixed;top:0;left:0;right:0}@media print{body{width:550px;padding-top:0}body:before{display:none}}.icon{-webkit-user-select:none;user-select:none}.spiewniki-layout>header{height:var(--header-height);background-color:var(--elements);font-size:11px;box-shadow:0 -12px 12px 4px #000}@media (max-width:768px){.spiewniki-layout>header{display:none}}@media print{.spiewniki-layout>header{display:none}}.spiewniki-layout>header .container{justify-content:space-between;width:100%;max-width:1440px;height:100%;margin:0 auto;padding:1rem 2rem;display:flex}.spiewniki-layout>header .title{border-radius:calc(var(--radius)/2);align-items:center;gap:.6rem;padding:0 1rem;display:flex;position:relative;right:1rem}.spiewniki-layout>header .title:hover{background-color:#0000}.spiewniki-layout>header .title h1{opacity:.95;font-size:21px}.spiewniki-layout>header .installButton{opacity:.8;border:2px solid var(--elements-hover);border-radius:.4rem;align-items:center;gap:6px;display:flex}.spiewniki-layout>header .installButton:hover{opacity:1}.spiewniki-layout>header div{align-items:center;display:flex}.spiewniki-layout>header a,.spiewniki-layout>header button{border-radius:calc(var(--radius)/2);padding:.6rem 1.1rem}.spiewniki-layout>header a:hover,.spiewniki-layout>header button:hover{background-color:var(--elements-hover)}.spiewniki-layout>header a p,.spiewniki-layout>header button p{font-size:15px}.spiewniki-layout>main{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:1rem;width:100%;max-width:1440px;min-height:0;margin:0 auto;padding:1.5rem 2rem 4rem;display:flex;position:relative}@media (max-width:768px){.spiewniki-layout>main{padding:0 env(safe-area-inset-right,0px) calc(var(--navbar-height) + min(4rem,10vw)) env(safe-area-inset-left,0px)}}@media (max-width:425px){.spiewniki-layout>main{gap:4vw}}h1{font-size:200%;font-weight:600}h2{font-size:125%}b{font-weight:600}button{border-radius:calc(var(--radius)/2);background-color:var(--elements);cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}button:hover{background-color:var(--elements-hover)}button:disabled{cursor:not-allowed}.desktopOnly{display:flex}@media (max-width:1024px){.desktopOnly{display:none}}.disabled{opacity:.3!important;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;cursor:default!important}
@keyframes slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}