html:has(.home){--text:#fafafa;--text-2:#a1a1aa;--text-3:#a1a1aa90;--background:#09090b;--background-2:#18181a;--background-transparent:#09090baa;--background-transparent-2:#fafafaaa;--border:#ffffff16;--border-2:#ffffff24}.app.home{width:100%;max-width:none;padding-top:0;padding-bottom:0;margin-top:calc(var(--header) / -1);min-height:100svh;.banner{display:flex;width:100%;height:100vh;position:relative;overflow:hidden;img,video{width:100%;height:100vh;object-fit:cover;pointer-events:none}.controls{position:absolute;min-width:10%;max-width:-moz-fit-content;max-width:fit-content;bottom:23.5%;left:0;right:0;margin:auto;display:flex;align-content:center;gap:var(--padding-8);justify-content:space-between;transform:scale(1.25);.button{width:-moz-fit-content;width:fit-content;white-space:nowrap;background-color:transparent;border-color:transparent;padding:0}}}}@media screen and (max-width:768px){.app.home .banner .controls{transform:scale(1);max-width:66.5%;display:grid;justify-content:center;.button{width:100%}}}