.preset-item--skeleton{animation:preset-skeleton-fade-in .3s ease 50ms both}.preset-item--skeleton .preset-item__title{display:flex;flex:1;flex-direction:column;gap:.25rem}@keyframes preset-skeleton-fade-in{0%{opacity:0}to{opacity:1}}.preset-stat{color:color-mix(in srgb,var(--ui-color-text) 35%,transparent);font-size:13px;gap:5px;margin-top:1px}.preset-stat,.preset-stat__item{align-items:center;display:flex}.preset-stat__item:before{margin-right:3px;position:relative}.preset-stat__item.glyphter-like:before{font-size:12px}.preset-stat__item.glyphter-download:before{font-size:11px;left:1px}.preset-stat__item.glyphter-music{color:var(--ui-color-danger)}.preset-stat__item.glyphter-music:before{font-size:12px;top:1px}.preset-stat__item.glyphter-waveform{color:var(--ui-color-danger)}.preset-stat__item.glyphter-waveform:before{font-size:15px}.preset-stat__item.glyphter-comment{margin-right:7px}.preset-stat__item.glyphter-comment:before{font-size:12px}.download-button{background:none;border:none;color:color-mix(in srgb,var(--ui-color-text) 65%,transparent);cursor:pointer;font-size:18px;height:18px;padding:0;position:relative;top:1px}.download-button,.download-button:hover{text-decoration:none}.download-button.active{color:var(--ui-color-primary)}.download-button.locked{color:var(--ui-color-danger)}.download-button.dimmed{opacity:.45;transition:opacity .15s ease}.download-button.dimmed:hover{opacity:1}.preset-subs-modal{align-items:center;display:flex;flex-direction:column;gap:.75rem;text-align:center}.preset-item{background:var(--ui-color-background);border-radius:var(--ui-radius-md);color:color-mix(in srgb,var(--ui-color-text) 50%,transparent);min-width:0;position:relative}.preset-item__actions{align-items:center;display:flex;gap:6px}.preset-item__edit{color:inherit;font-size:18px;height:18px;position:relative;top:1px}.preset-item__edit,.preset-item__edit:hover{text-decoration:none}.preset-item__footer,.preset-item__middle{align-items:center;display:flex;justify-content:space-between;line-height:1}.preset-item__middle{margin:.625rem 0}.preset-item__date{color:color-mix(in srgb,var(--ui-color-text) 35%,transparent);font-size:.8125rem}.preset-item__author{align-items:center;display:flex;gap:5px}.preset-item__progress-wrap{border-radius:var(--ui-radius-md);inset:0;overflow:hidden;pointer-events:none;position:absolute}.preset-item__progress{background:linear-gradient(270deg,rgba(0,0,0,.2),transparent);height:100%;width:0}.preset-item__wrap{padding:.625rem;position:relative}.preset-item__header{align-items:center;display:flex;gap:.625rem;justify-content:flex-start;margin-right:2.5rem}.preset-item__title{max-width:100%}.preset-item__name{color:var(--ui-color-text);display:block;font-size:1rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:-moz-fit-content;width:fit-content}.preset-item__username{font-size:1rem}.preset-item__meta{font-size:.8125rem;margin:-.3125rem;overflow:hidden;padding:.3125rem 1rem .3125rem .3125rem;text-overflow:ellipsis;white-space:nowrap}.preset-item__meta-link{color:color-mix(in srgb,var(--ui-color-text) 50%,transparent)}.preset-item__meta-link--instrument{color:var(--ui-color-success);font-weight:700}.preset-item__meta-separator{margin:0 .3125rem;pointer-events:none}.preset-item__info{color:var(--ui-color-primary);font-size:1.375rem;opacity:.15;position:absolute;right:.625rem;top:.625rem;transition:opacity .15s ease}.preset-item__info.ui-tooltip--open,.preset-item__info:hover{opacity:1}.presets-grid{display:grid;gap:.625rem;grid-template-columns:repeat(var(--grid-columns,4),1fr)}@media(max-width:1200px){.presets-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.presets-grid{grid-template-columns:1fr}}