.mix-it-grid>.mix-it-visual,.mix-it-grid>.mix-it-controls{min-width:0}.mix-presets{min-width:0;max-width:100%;margin:0 0 18px}.mix-it-name-row.mix-it-name-prompt input{animation:mix-name-prompt 1.6s ease-out}@keyframes mix-name-prompt{0%,30%{border-color:#000;box-shadow:0 0 0 4px #efe4bf}to{box-shadow:0 0 #efe4bf00}}.mix-presets[hidden]{display:none}.mix-presets-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:4px}.mix-presets-title{margin:0;font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#000}.mix-presets-hint{margin:0 0 6px;font-size:.78rem;line-height:1.4;color:#6b6b6b}.mix-presets-tabs{display:inline-flex;gap:2px;padding:3px;border:1px solid #000;border-radius:999px;background:#fff}.mix-presets-tab{appearance:none;-webkit-appearance:none;border:0;background:transparent;color:#000;padding:6px 14px;border-radius:999px;font:inherit;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;line-height:1.2;cursor:pointer;transition:background-color .2s ease,color .2s ease}.mix-presets-tab.is-active{background:#000;color:#fff}.mix-presets-tab[hidden]{display:none}.mix-presets-track{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:12px 2px 6px;margin:0 -2px;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 82%,transparent);mask-image:linear-gradient(to right,#000 82%,transparent)}.mix-presets-track.is-end{-webkit-mask-image:none;mask-image:none}.mix-presets-track::-webkit-scrollbar{display:none}.mix-presets-track[hidden]{display:none}.mix-preset{position:relative;flex:0 0 200px;scroll-snap-align:start;display:flex;flex-direction:column;gap:8px;padding:12px;text-align:left;background:#fff;color:#000;border:1px solid #e3e3e3;border-radius:14px;font:inherit;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.mix-preset[hidden]{display:none}.mix-preset:hover{border-color:#000}.mix-preset:focus-visible{outline:2px solid #000;outline-offset:2px}.mix-preset.is-active{background:#efe4bf;border-color:#000;box-shadow:inset 0 0 0 1px #000}.mix-preset-tag{position:absolute;top:-9px;left:12px;padding:3px 8px;border-radius:999px;background:#000;color:#fff;font-size:.6rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1.2}.mix-preset-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.mix-preset-thumbs{display:flex}.mix-preset-thumbs img{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#f4f4f4;border:2px solid #fff}.mix-preset-thumbs img+img{margin-left:-10px}.mix-preset-ratio{padding:3px 8px;border:1px solid #000;border-radius:999px;font-size:.7rem;font-weight:600;white-space:nowrap;transition:background-color .2s ease,color .2s ease}.mix-preset.is-active .mix-preset-ratio{background:#000;color:#fff}.mix-preset-names{display:flex;flex-direction:column;font-size:.85rem;font-weight:600;line-height:1.3}.mix-preset-names span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mix-preset-notes{font-size:.75rem;line-height:1.35;color:#6b6b6b}.mix-preset.is-active .mix-preset-notes{color:#3a3a3a}.mix-preset-cta{margin-top:auto;padding-top:8px;border-top:1px solid #ececec;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#000}.mix-preset.is-active .mix-preset-cta{border-top-color:#00000026}.mix-preset.is-loading{pointer-events:none}.mix-preset.is-loading .mix-preset-cta{animation:mix-preset-pulse .9s ease-in-out infinite}@keyframes mix-preset-pulse{0%,to{opacity:1}50%{opacity:.4}}.mix-presets-divider{display:flex;align-items:center;gap:12px;margin:14px 0 0;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6b6b6b}.mix-presets-divider:before,.mix-presets-divider:after{content:"";flex:1;height:1px;background:#e3e3e3}@media(max-width:860px){.mix-presets{margin-bottom:14px}.mix-preset{flex-basis:172px;padding:10px}.mix-presets-tab{padding:6px 12px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/mix-it-presets.css.map */