.TrackCardSkeleton.svelte-y9qtte{--ratioWidth:100%;animation:animateOpacity 1.5s infinite;display:grid;gap:var(--space2);grid-template-areas:"image details" "image buttons";grid-template-columns:min-content auto;margin:0 0 var(--space2) 0;row-gap:var(--space);width:100%}@media (min-width:768px){.TrackCardSkeleton.svelte-y9qtte{--ratioWidth:70%}}@media (min-width:1024px){.TrackCardSkeleton.svelte-y9qtte{--ratioWidth:50%;margin:0 0 var(--space4) 0}}.TrackCardSkeleton.withTrackDate.svelte-y9qtte{grid-template-areas:"trackdate trackdate" "image details" "image buttons"}@media (min-width:768px){.TrackCardSkeleton.withTrackDate.svelte-y9qtte{grid-template-areas:"trackdate image details" "trackdate image buttons";grid-template-columns:min-content min-content auto}}.TrackCardSkeleton-trackdate.svelte-y9qtte{display:flex;grid-area:trackdate}.TrackCardSkeleton-trackdate.svelte-y9qtte .SkeletonBone:first-of-type{width:50px}.TrackCardSkeleton-trackdate.svelte-y9qtte .SkeletonBone:nth-of-type(2){height:1px;margin:var(--space) 0 var(--space) var(--space);width:100%}@media (min-width:768px){.TrackCardSkeleton-trackdate.svelte-y9qtte{flex-direction:column;margin:0;width:40px}.TrackCardSkeleton-trackdate.svelte-y9qtte .SkeletonBone:first-of-type{width:100%}.TrackCardSkeleton-trackdate.svelte-y9qtte .SkeletonBone:nth-of-type(2){height:90%;margin:var(--space) auto;width:1px}}@media (min-width:1024px){.TrackCardSkeleton-trackdate.svelte-y9qtte{margin:0 var(--space2) 0 0}}@media (min-width:1200px){.TrackCardSkeleton-trackdate.svelte-y9qtte{margin:0 var(--space4) 0 0}}.TrackCardSkeleton-image.svelte-y9qtte{grid-area:image}.TrackCardSkeleton-image.svelte-y9qtte .SkeletonBone{border-radius:var(--space);width:60px}@media (min-width:768px){.TrackCardSkeleton-image.svelte-y9qtte .SkeletonBone{width:109px}}@media (min-width:1024px){.TrackCardSkeleton-image.svelte-y9qtte .SkeletonBone{width:144px}}@media (min-width:1440px){.TrackCardSkeleton-image.svelte-y9qtte .SkeletonBone{width:176px}}.TrackCardSkeleton-details.svelte-y9qtte .SkeletonBone{--proportion:1;margin:0 0 var(--spacehalf) 0;width:calc(var(--ratioWidth)*var(--proportion))}.TrackCardSkeleton-details.svelte-y9qtte .SkeletonBone:first-of-type,.TrackCardSkeleton-details.svelte-y9qtte .SkeletonBone:nth-of-type(2){margin:0 0 var(--space) 0}.TrackCardSkeleton-details.svelte-y9qtte .SkeletonBone:nth-of-type(2){--proportion:.9}.TrackCardSkeleton-details.svelte-y9qtte .SkeletonBone:nth-of-type(3){--proportion:.5}.TrackCardSkeleton-details.svelte-y9qtte .SkeletonBone:nth-of-type(4){--proportion:.2}.TrackCardSkeleton-details.svelte-y9qtte .SkeletonBone:nth-of-type(5){--proportion:.3}.TrackCardSkeleton-buttons.svelte-y9qtte{display:flex;grid-area:buttons;margin:var(--space) 0 0 0}.TrackCardSkeleton-buttons.svelte-y9qtte .SkeletonBone{height:32px}.TrackCardSkeleton-buttons.svelte-y9qtte .SkeletonBone:first-of-type{margin:0 var(--space2) 0 0;max-height:32px;width:32px}.TrackCardSkeleton-buttons.svelte-y9qtte .SkeletonBone:nth-of-type(2){border-radius:var(--space2);width:112px}