.preset-pack-card.svelte-1e8sodj{position:relative;border-radius:1.25rem;background:#121214;color:#fff;display:flex;flex-direction:column;border:1px solid #63656d;min-width:210px;height:auto;flex:1;scroll-snap-align:center;scroll-margin-inline:1rem;transition:transform .3s ease,box-shadow .3s ease}.preset-pack-card.playing.svelte-1e8sodj{transform:translateY(-10px)}.preset-pack-card.svelte-1e8sodj a.pack-link:where(.svelte-1e8sodj){position:absolute;top:0;bottom:0;right:0;left:0}.preset-pack-card.svelte-1e8sodj a.pack-link:where(.svelte-1e8sodj):focus,.preset-pack-card.svelte-1e8sodj a.pack-link:where(.svelte-1e8sodj):hover{transition:box-shadow .2s ease;box-shadow:0 0 0 3px var(--focus);border-radius:1.25rem}.preset-pack-card.svelte-1e8sodj .preset-pack-card_title:where(.svelte-1e8sodj){font-size:1.17em}.preset-pack-card.svelte-1e8sodj .image-container:where(.svelte-1e8sodj){position:relative;display:block;margin:1.25rem;box-sizing:content-box}.preset-pack-card.svelte-1e8sodj .image-container:where(.svelte-1e8sodj) img:where(.svelte-1e8sodj){width:100%;aspect-ratio:1/1;pointer-events:none;border-radius:12px}.preset-pack-card.svelte-1e8sodj .image-container:where(.svelte-1e8sodj) .play-button:where(.svelte-1e8sodj){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background-color:#000;color:#fff;transition:background-color .2s ease}.preset-pack-card.svelte-1e8sodj .image-container:where(.svelte-1e8sodj) .play-button:where(.svelte-1e8sodj):hover{background-color:#303236;border-color:#303236;color:#fff}.preset-pack-card.svelte-1e8sodj .pack-title:where(.svelte-1e8sodj){order:2;padding:0 1rem .5rem;cursor:pointer;color:#fff}.preset-pack-card.svelte-1e8sodj .pack-title.no-link:where(.svelte-1e8sodj){text-decoration:none;cursor:default;pointer-events:none}.preset-pack-card.svelte-1e8sodj .info:where(.svelte-1e8sodj){display:flex;flex-direction:column;order:3;gap:.5rem;padding:0 1rem 1.25rem;height:100%}.preset-pack-card.svelte-1e8sodj .info.no-about:where(.svelte-1e8sodj){padding:1.25rem 1rem}.preset-pack-card.svelte-1e8sodj .info:where(.svelte-1e8sodj) .card-bottom:where(.svelte-1e8sodj){display:flex;flex-direction:row;justify-content:space-between}.preset-pack-card.svelte-1e8sodj .info:where(.svelte-1e8sodj) .card-bottom:where(.svelte-1e8sodj) .free-tier:where(.svelte-1e8sodj){line-height:.5;align-self:baseline;padding:.5rem;border:1px solid #45464d;border-radius:.25rem}.preset-pack-card.svelte-1e8sodj .info:where(.svelte-1e8sodj) .about:where(.svelte-1e8sodj){font-size:.75rem;color:#81838a;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}.preset-pack-card.svelte-1e8sodj .info:where(.svelte-1e8sodj) .source:where(.svelte-1e8sodj){font-size:1rem;font-weight:700;color:#e5e5e8}.preset-pack-card.svelte-1e8sodj .info:where(.svelte-1e8sodj) em{font-family:Inter}.preset-pack-card.svelte-1e8sodj .info:where(.svelte-1e8sodj) .description:where(.svelte-1e8sodj){font-size:.875rem;color:#fff;margin-top:auto}
