.shorts.svelte-1ejxh87.svelte-1ejxh87{border-radius:.5rem;display:grid;gap:3px;grid-template-columns:33.333% 33.333% 33.333%;justify-content:space-around;justify-items:stretch;margin:auto;overflow:hidden;width:min(var(--page-width),100vw);z-index:1}.shorts.mobile.svelte-1ejxh87.svelte-1ejxh87{border-radius:0}.short-container.svelte-1ejxh87.svelte-1ejxh87{position:relative}.short.svelte-1ejxh87.svelte-1ejxh87{all:unset;aspect-ratio:9/16;background-image:linear-gradient(to bottom,var(--bg-a),var(--fg-a));background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;display:flex;height:100%;min-width:33%;position:relative;transition:all .2s ease-out}.short.svelte-1ejxh87.svelte-1ejxh87:hover{filter:saturate(1.25) brightness(1.25)}.title.svelte-1ejxh87.svelte-1ejxh87{align-items:center;background:color-mix(in srgb,var(--bg-a),transparent 25%);color:var(--fg-a);contain:strict;display:flex;font-family:var(--font-b);font-size:.8rem;font-weight:600;justify-content:center;left:0;letter-spacing:.05rem;min-height:4rem;padding:0 .5rem;pointer-events:none;position:absolute;right:0;text-align:center;text-transform:uppercase;top:0;transition:background .2s ease-out,min-height .33s cubic-bezier(.23,1,.32,1);width:calc(100% + 1px);z-index:1}.short-container.svelte-1ejxh87:hover .title.svelte-1ejxh87{background:color-mix(in srgb,var(--bg-a),transparent 5%);min-height:4.75rem}.preview-btn.svelte-1ejxh87.svelte-1ejxh87{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:color-mix(in srgb,var(--bg-a) 80%,transparent);border:none;border-radius:999px;bottom:.5rem;color:var(--fg-a);cursor:pointer;display:flex;height:2rem;justify-content:center;left:.5rem;padding:0;position:absolute;transition:background .18s ease,transform .1s ease;width:2rem;z-index:2}.preview-btn.svelte-1ejxh87.svelte-1ejxh87:focus-visible,.preview-btn.svelte-1ejxh87.svelte-1ejxh87:hover{background:var(--brand-b);outline:none}.preview-btn.svelte-1ejxh87.svelte-1ejxh87:active{transform:scale(.92)}.preview-progress.svelte-1ejxh87.svelte-1ejxh87{background:var(--brand-b);bottom:0;height:2px;left:0;pointer-events:none;position:absolute;transition:width .1s linear;width:calc(var(--p, 0)*100%);z-index:2}