.drum-root{max-width:420px;font-family:var(--font-sans,-apple-system,sans-serif);-webkit-user-select:none;user-select:none;background:#080e1ee6;border:.5px solid #ffffff12;border-radius:28px;margin:0 auto;padding:20px 24px 28px}.drum-label{letter-spacing:.14em;text-transform:uppercase;color:#e8c96dbf;text-align:center;margin:0 0 20px;font-size:11px;font-weight:600}.drum-row{align-items:center;gap:12px;margin-bottom:24px;display:flex}.drum-wrap{cursor:grab;touch-action:none;background:#ffffff08;border:.5px solid #ffffff12;border-radius:18px;flex:1;height:200px;position:relative;overflow:hidden}.drum-wrap:active{cursor:grabbing}.drum-wrap:focus-visible{outline:2px solid var(--gold,#e8c96d);outline-offset:3px}.drum-list{width:100%;position:absolute}.drum-item{color:#f0f0f5ad;cursor:pointer;justify-content:center;align-items:center;gap:7px;height:44px;font-size:14px;font-weight:400;transition:color .12s,font-size .12s;display:flex}.drum-item.near{color:#f0f0f5c7;font-size:15px}.drum-item.active{color:#f0f0f5;font-size:17px;font-weight:500}.drum-glif{width:15px;height:15px;color:var(--gold,#e8c96d);flex-shrink:0}.drum-item.active .drum-glif{width:17px;height:17px}.drum-highlight{pointer-events:none;z-index:1;background:#e8c96d0f;border-top:.5px solid #e8c96d2e;border-bottom:.5px solid #e8c96d2e;border-radius:10px;height:44px;position:absolute;top:50%;left:10px;right:10px;transform:translateY(-50%)}.drum-fade-top{pointer-events:none;z-index:2;background:linear-gradient(#080e1ed9 0%,#0000 100%);height:28px;position:absolute;top:0;left:0;right:0}.drum-fade-bottom{pointer-events:none;z-index:2;background:linear-gradient(#0000 0%,#080e1ed9 100%);height:28px;position:absolute;bottom:0;left:0;right:0}.drum-connector{flex-direction:column;flex-shrink:0;align-items:center;gap:5px;display:flex}.drum-heart{background:#e8c96d17;border:.5px solid #e8c96d40;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.drum-dot{background:#e8c96d38;border-radius:50%;width:4px;height:4px}.drum-duyuru{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.drum-cta{box-sizing:border-box;color:#e8c96d;letter-spacing:.04em;cursor:pointer;text-align:center;background:#e8c96d14;border:.5px solid #e8c96d40;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;padding:16px 20px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,transform .1s;display:flex}.drum-cta:hover{background:#e8c96d24}.drum-cta:focus-visible{outline:2px solid var(--gold,#e8c96d);outline-offset:3px}.drum-cta-glif{flex-shrink:0;width:16px;height:16px}@media (prefers-reduced-motion:reduce){.drum-item{transition:none}}@media (prefers-reduced-motion:no-preference){.drum-cta:active{transform:scale(.98)}}