.pf-cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit;background:transparent;opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity .35s ease;pointer-events:none}.card__media:hover .pf-cover{opacity:1}.pf-cover .drum-pad,.pf-cover .knob-face,.pf-cover .knob-ring,.pf-cover .knob-dot,.pf-cover .note-mark,.pf-cover .sparkle{display:block}.pf-drums .pad-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:4%;width:74%;height:74%}.pf-drums .drum-pad{border-radius:4px;background:linear-gradient(160deg,#26242f,#17161f);border:1px solid #302e3d;transition:background .08s ease,box-shadow .08s ease}.pf-drums .drum-pad.lit{background:linear-gradient(160deg,#c8b3ff,#9b78ff);box-shadow:0 0 8px #b79bffb3}.pf-presets .preset-wrap{position:relative;width:100%;height:100%}.pf-presets .knob{position:absolute;width:24%;height:24%;margin:-12% 0 0 -12%}.pf-presets .knob-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,#060608 0deg 14deg,#121216 14deg 28deg);box-shadow:0 3px 6px #0009}.pf-presets .knob-face{position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#eceef0,#b7b9c0 45%,#6c6e76 80%,#4a4b52);box-shadow:inset 0 -2px 3px #00000080}.pf-presets .knob-rotor{position:absolute;top:0;right:0;bottom:0;left:0;animation:pf-knob-sweep 3.4s ease-in-out infinite alternate;animation-play-state:paused}.card__media:hover .pf-presets .knob-rotor,.pcard__art:hover .pf-presets .knob-rotor{animation-play-state:running}@keyframes pf-knob-sweep{0%{transform:rotate(-55deg)}to{transform:rotate(55deg)}}.pf-presets .knob-dot{position:absolute;top:6%;left:50%;width:12%;height:12%;margin-left:-6%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#cfcfd6);box-shadow:0 0 2px #0009}.pf-presets .cable{stroke-width:3;fill:none;stroke-linecap:round;stroke-dasharray:260;stroke-dashoffset:260;transition:stroke-dashoffset 1.6s ease;opacity:.92}.pf-presets .cable-a{stroke:#a78bfa}.pf-presets .cable-b{stroke:#fb7185}.pf-presets .cable-c{stroke:#38bdf8}.pf-presets .cable-d{stroke:#4ade80}.pf-presets .cable-e{stroke:#fbbf24}.card__media:hover .pf-presets .cable,.pcard__art:hover .pf-presets .cable{stroke-dashoffset:0}.pf-presets .cable-tip{fill:#cfcfd6;opacity:0;transition:opacity .4s ease 1.3s}.card__media:hover .pf-presets .cable-tip,.pcard__art:hover .pf-presets .cable-tip{opacity:1}.pf-melody .melody-wrap{position:relative;width:82%;height:60%}.pf-melody .contour-path{stroke:#3a394a;stroke-width:2;fill:none;stroke-dasharray:200;stroke-dashoffset:200;transition:stroke-dashoffset 1.1s ease,stroke .4s ease,opacity 1.6s ease;opacity:1}.card__media:hover .pf-melody .contour-path,.pcard__art:hover .pf-melody .contour-path{stroke-dashoffset:0;stroke:#b79bff}.pf-melody .pf-cover.was-drawn{opacity:.5}.pf-melody .pf-cover.was-drawn .contour-path{stroke-dashoffset:0;stroke:#6a5f8a;opacity:.35;transition:opacity 1.6s ease,stroke 1.6s ease}.pf-melody .note-mark{position:absolute;height:6px;border-radius:4px;background:#b79bff;opacity:0;transform:scaleX(.3);transform-origin:left center;transition:opacity .25s ease,transform .35s ease}.pf-melody .note-mark.on{opacity:1;transform:scaleX(1)}.pf-textures .sparkle-field{position:absolute;top:0;right:0;bottom:0;left:0}.pf-textures .sparkle{position:absolute;width:3px;height:3px;border-radius:50%;background:#e8ddff;opacity:0;box-shadow:0 0 4px #e8ddffe6;transition:opacity .5s ease}.pf-textures .sparkle.on{opacity:.85}.pf-files{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.pf-files .kit-files{position:absolute;top:50%;left:50%;z-index:3}.pf-files .kit-file{position:absolute;top:0;left:0;margin:0;border-radius:6px;background:#101018f0;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;box-shadow:none;opacity:0;transform:translate(0) scale(.55);transition:opacity .4s ease,transform .4s ease}.pf-files .kit-file.wave{width:66px;height:30px;margin:-15px 0 0 -33px;color:#b79bff}.pf-files .kit-file.wave svg{width:58px;height:22px}.pf-files .kit-file.tag{width:44px;height:26px;margin:-13px 0 0 -22px;font-size:10px;font-weight:700;letter-spacing:.5px;color:#f2f0f7b3}.pcard:hover .pf-files .kit-file:nth-child(1),.card-wrapper:hover .pf-files .kit-file:nth-child(1),.card:hover .pf-files .kit-file:nth-child(1){opacity:1;transform:translate(-92px,-30px) rotate(-8deg) scale(1);transition-delay:0s}.pcard:hover .pf-files .kit-file:nth-child(2),.card-wrapper:hover .pf-files .kit-file:nth-child(2),.card:hover .pf-files .kit-file:nth-child(2){opacity:1;transform:translate(92px,-30px) rotate(8deg) scale(1);transition-delay:.05s}.pcard:hover .pf-files .kit-file:nth-child(3),.card-wrapper:hover .pf-files .kit-file:nth-child(3),.card:hover .pf-files .kit-file:nth-child(3){opacity:1;transform:translate(-66px,66px) rotate(-6deg) scale(1);transition-delay:.1s}.pcard:hover .pf-files .kit-file:nth-child(4),.card-wrapper:hover .pf-files .kit-file:nth-child(4),.card:hover .pf-files .kit-file:nth-child(4){opacity:1;transform:translate(66px,66px) rotate(6deg) scale(1);transition-delay:.15s}.card-wrapper:has(.pf-files):hover .card,.card-wrapper:has(.pf-files):hover .card__inner,.card-wrapper:has(.pf-files):hover .card__media,.card-wrapper:has(.pf-files):hover .media,.card:has(.pf-files):hover .card__inner,.card:has(.pf-files):hover .card__media,.card:has(.pf-files):hover .media{overflow:visible!important}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-product-fx.css.map */