*{padding:0;margin:0;box-sizing:border-box;font-family:Inter}.sorting-container{width:100%;display:flex;align-items:flex-end}.sorting-container svg{width:100%;border-bottom:3px solid #222}.sorting-container svg *{transition:fill 50ms ease}nav{box-shadow:0 4px 10px #0004;display:flex;justify-content:center;padding:10px 20px;flex-wrap:wrap;gap:30px}nav .nav-item{display:flex;align-items:center}@media (max-width: 768px){nav{gap:2vw}}.play-group{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.btn-circle{display:block;width:70px;height:70px;border-radius:50%;outline:none;border:0;background-color:#222;cursor:pointer;padding:13px}.btn-circle img{width:100%;height:100%;object-fit:contain}.btn-circle.small{width:48px;height:48px}.btn-circle:hover{background-color:#353535;box-shadow:0 1px 6px #0004}.btn-circle:active{transform:scale(.96)}.btn-play .stop,.btn-play.active .play{display:none}.btn-play.active .stop{display:block}.btn-dark{font-size:16px;outline:none;border:0;background-color:#222;color:#fff;border-radius:50px;padding:10px 25px;cursor:pointer;white-space:nowrap;transition:background-color .2s ease,box-shadow .3s ease}.btn-dark:hover{background-color:#353535;box-shadow:0 2px 6px #0002}.btn-dark:active{transform:scale(.96)}.btn-dark:disabled{opacity:.8;pointer-events:none}.select-container{display:flex;align-items:center;position:relative}.select-container .select{display:flex;justify-content:space-between;align-items:center;font-size:16px;outline:none;border:0;background-color:#222;color:#fff;border-radius:50px;padding:10px 20px;min-width:230px;cursor:pointer;transition:background-color .2s ease}.select-container .select img{width:20px;height:20px;transform:rotate(90deg)}.select-container .select:focus+.select-options{transition:opacity .1s ease,clip-path .3s ease;opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);pointer-events:all}.select-container .select:hover{background-color:#333}.select-container .select:disabled{opacity:.8;pointer-events:none}.select-container .select-options{opacity:0;pointer-events:none;clip-path:polygon(0 0,100% 0,100% 0,0 0);flex-direction:column;top:60px;left:0;position:absolute;border-radius:10px;background-color:#222;min-width:230px;transition:opacity .3s ease,clip-path .3s ease}.select-container .select-options button{display:block;width:100%;background-color:transparent;border:0;outline:none;padding:10px;font-size:16px;cursor:pointer;color:#fff;text-align:left;transition:background-color .2s ease}.select-container .select-options button:hover{background-color:#ffffff1a}.select-container .select-options:hover{transition:opacity .1s ease,clip-path .3s ease;opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);pointer-events:all}.range{display:flex;flex-direction:column;align-items:center;gap:20px}.range .caption{font-weight:500}.range input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:linear-gradient(to right,#222 0%,#222 var(--value),#ccc var(--value),#ccc 100%);outline:none;-webkit-transition:.2s;transition:opacity .2s;border-radius:10px;min-width:200px}.range input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#222;cursor:pointer;border-radius:50%}.range input::-moz-range-thumb{width:18px;height:18px;background:#222;cursor:pointer;border-radius:50%}main{margin:20px auto 0;padding:0 15px;display:flex;gap:20px;max-width:1430px}main .section-sorting{display:flex;flex-basis:60%}main .section-info{flex-grow:1}@media (max-width: 768px){main{flex-direction:column}}h3{text-align:center}.table{display:flex;flex-wrap:wrap;margin:10px 0 30px}.table .part{display:flex;flex-direction:column;flex-grow:1}.table .head{display:flex;background-color:#222;color:#fff;outline:1px solid #fff;height:30px;justify-content:center;align-items:center;font-weight:700}.table .content{display:flex}.table .col{display:flex;flex-direction:column;flex-grow:1}.table .col .row{text-align:center;height:30px;flex-grow:1;padding:4px 5px;outline:1px solid #222;outline-offset:-1px;font-weight:500}.collection-settings{display:flex;gap:30px}.collection-settings textarea{width:100px;resize:none;border:1px solid #000;box-shadow:5px 7px 8px #0003;min-height:50vh;font-size:16px;padding:4px 6px}.collection-settings textarea:disabled{cursor:not-allowed}@media (max-width: 768px){.collection-settings textarea{min-height:200px}}.collection-settings .range{max-width:200px}.collection-settings button{margin:30px 0;display:block}