.card{border-radius:8px;box-shadow:0 2px 8px #0000001f,0 1.5px 4px #0000001a;padding:24px;background-color:#2f2f2f;transition:all .3s ease-out}.card.centered{text-align:center}.pill{display:inline-flex;border-radius:100px;padding:4px 16px;min-width:32px;text-align:center;justify-content:center;cursor:default;transition:all .15s ease-in}.with-hover-scale:hover{transform:scale(1.1)}.pill-primary{color:var(--root-background-color);background-color:var(--primary)}.pill-primary:hover{background-color:var(--primary-hover)}.pill-default{background-color:#424242}.pill-default:hover{background-color:#4a4a4a}.navbar-container{width:100%;position:fixed;top:0;background-color:color-mix(in srgb,var(--root-background-color) 85%,transparent);color:var(--root-text-color);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;transform:translateY(-100%);opacity:0;transition:transform .3s ease,opacity .3s ease}.navbar-container.navbar-visible{transform:translateY(0);opacity:1}.navbar-container nav{display:flex;align-items:center;justify-content:space-between;margin:0 auto;padding:16px;max-width:var(--max-content-width)}.navbar-container nav h1{margin:0}.navbar-container nav .nav-content{display:flex;align-items:center}.navbar-container nav .nav-links{display:flex;list-style:none;gap:16px;padding-inline-start:0;margin:0}.navbar-container nav .menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;font-size:24px}@media(max-width:768px){.navbar-container{background-color:var(--root-background-color)}.navbar-container nav .nav-title{display:flex;align-items:center;justify-content:space-between;width:100%;z-index:5;background-color:var(--root-background-color)}.navbar-container nav .nav-links{position:absolute;top:100%;left:0;right:0;background-color:var(--root-background-color);padding:16px;gap:12px;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;justify-content:center;z-index:4}.navbar-container nav .nav-links-open{transform:translateY(0);opacity:1;visibility:visible}.navbar-container nav .menu-toggle{display:flex;align-items:center}}.video-container{--media-button-icon-width: 12px;--media-button-icon-height: 12px;--media-button-padding: 6px 10px;--media-font-size: 12px;--media-control-padding: 6px 10px;position:relative;height:fit-content}.video-container media-controller{aspect-ratio:16/9}.video-container media-control-bar{background:#2f2f2f;position:relative;opacity:0;transition:opacity .3s ease-in-out}@media(hover:none){.video-container media-control-bar{opacity:1}}.video-container media-time-range{z-index:10}.video-container:hover media-control-bar{opacity:1}