.btn-group__item--card.btn-group__item--active{background-color:#121521}.btn-group__item--primary.btn-group__item--active{background-color:#9feb39;border-color:#9feb39}.btn-group__item--secondary.btn-group__item--active{background-color:#454856}.btn-group__item--outline.btn-group__item--active,.btn-group__item--outline-background.btn-group__item--active{background-color:#343642;color:#e7ecf0}.btn-group__item--glass.btn-group__item--active{background:#181a241a}.btn-group__item--glass-card.btn-group__item--active{background:#171a261a}.btn-group__item--glass-secondary.btn-group__item--active{background:#2a2d3a1a}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{padding:0;background:none;color:inherit;border:none;outline:none;text-decoration:none;cursor:pointer;margin:0;appearance:none}input{padding:0;background:none;color:inherit;border:none;outline:none;text-decoration:none;margin:0;appearance:none}input::-moz-focus-inner{padding:0;border:0}button::-moz-focus-inner{padding:0;border:0}a{color:inherit;text-decoration:none}ol,ul{list-style:none;padding:0}@media screen and (orientation:landscape)and (max-height:768px){body{position:fixed;top:0;left:0;overflow-x:hidden;width:100dvh;height:100dvw;transform:rotate(-90deg);transform-origin:left top}body:after{display:flex;position:fixed;top:50%;left:-50%;z-index:9999;justify-content:center;align-items:center;width:100dvw;height:100dvh;background-color:#0f111a;color:#eceff2;font-size:var(--text-2xl);text-align:center;content:"Please rotate your device to portrait mode";transform:translate(-50%,-50%) rotate(90deg);text-orientation:sideways-left}}:root{--f-font-size: clamp(calc(18rem / 10.5), 15.5vw/7.68, 2rem );--text-sm: clamp(1.75rem, 1.75vw, 1.75rem);--text-md: clamp(1.75rem, 2vw, 2rem);--text-lg: clamp(2rem, 2.5vw, 2.5rem);--text-xl: clamp(2.5rem, 3vw, 3rem);--text-2xl: clamp(3rem, 4vw, 4rem);--text-3xl: clamp(3.5rem, 5.5vw, 5.5rem);--text-4xl: clamp(4rem, 7vw, 7rem);--text-5xl: clamp(1rem, 9vw, 9rem);--text-0: clamp(5rem, 16vw, 16.5rem);font-size:calc(var(--f-font-size) * .25)}@media(min-width:1920px){:root{--text-sm: 1.75rem;--text-md: 2rem;--text-lg: 2.5rem;--text-xl: 3rem;--text-2xl: 4rem;--text-3xl: 5.5rem;--text-4xl: 7rem;--text-5xl: 9rem;--text-0: 16.5rem;font-size:.4vw}}body{color:#eceff2;font-family:Montserrat,sans-serif;font-size:var(--text-md);font-weight:400;line-height:1.5}.h0,.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5{font-family:Syne,sans-serif;font-weight:600}.h0{font-size:var(--text-0)}.text-5xl,.h1,h1{font-size:var(--text-5xl)}.text-4xl,.h2,h2{font-size:var(--text-4xl)}.text-3xl,.h3,h3{font-size:var(--text-3xl)}.text-2xl,.h4,h4{font-size:var(--text-2xl)}.text-xl{font-size:var(--text-xl)}.text-lg{font-size:var(--text-lg)}.text-md{font-size:var(--text-md)}.text-sm{font-size:var(--text-sm)}strong{font-weight:400}@media(max-width:768px){*{cursor:none!important}}body{background-color:#0f111a}hr{border:1px solid oklch(38.5% .021 274.3deg)}button:focus-visible{transition:none;outline:2px solid white;outline-offset:2px}button{cursor:pointer}a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{transition:none;outline:2px solid white;outline-offset:2px}.shader-canvas{display:flex;position:absolute!important;top:0;left:0;z-index:-1;width:100%;height:100%}.shader-canvas__viewport{width:100%;height:100%}.skip-link{position:absolute;top:-40px;left:6px;z-index:9999;padding:8px;background:#90db1e;color:#0f1216;border-radius:1rem;text-decoration:none;transition:top .3s}.skip-link:focus{top:6px}.link-decorated{color:#90db1e;text-decoration:underline;transition:all .3s cubic-bezier(.4,0,.2,1)}.link-decorated:hover{color:#9ce834}:root{--container-max-width: 100%;--spacing-x-site: 2rem}@media(min-width:480px){:root{--spacing-x-site: 4rem}}@media(min-width:1024px){:root{--spacing-x-site: 6rem}}@media(min-width:1440px){:root{--spacing-x-site: 4vw}}main{min-height:100dvh;padding-top:24rem}.nopt{padding-top:0}section{padding-inline:var(--spacing-x-site)}.layout-grid{display:grid;position:fixed;inset:0;z-index:10000;grid-template-columns:repeat(6,1fr);column-gap:2.5rem;width:100%;height:100%;padding-inline:var(--spacing-x-site);pointer-events:none}.layout-grid__col{width:100%;height:100%;background-color:#ff00001a;border-inline:1px dashed rgba(255,0,0,.2)}@media(min-width:768px){.layout-grid{grid-template-columns:repeat(12,1fr)}}.logo{display:flex;justify-content:center;align-items:center}.logo__image{width:auto;height:2.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.logo__image:hover{transform:scale(1.05)}.logo--small .logo__image{height:1.5rem}.logo--large .logo__image{height:4rem}.logo__link{display:inline-flex;justify-content:center;align-items:center}.logo__link:focus-visible{border-radius:1rem;outline:2px solid oklch(81.1% .213 130.6deg);outline-offset:2px}.Toastify__toast-container{font-family:Montserrat,sans-serif}.Toastify__toast{background-color:#171a26;color:#e4e8ed;border:1px solid oklch(38.5% .021 274.3deg);border-radius:1.5rem;box-shadow:0 0 15px -3px #0000001a}.Toastify__toast.Toastify__toast--dark{background-color:#171a26;color:#e4e8ed}.Toastify__toast.Toastify__toast--success{background-color:#23ba7de6;color:#020401;border-color:#23ba7d}.Toastify__toast.Toastify__toast--success .Toastify__progress-bar{background-color:#020401}.Toastify__toast.Toastify__toast--error{background-color:#de394be6;color:#080202;border-color:#de394b}.Toastify__toast.Toastify__toast--error .Toastify__progress-bar{background-color:#080202}.Toastify__toast.Toastify__toast--info{background-color:#90db1ee6;color:#0f1216;border-color:#90db1e}.Toastify__toast.Toastify__toast--info .Toastify__progress-bar{background-color:#0f1216}.Toastify__progress-bar{height:4px;border-radius:9999px}.Toastify__close-button{color:inherit;opacity:.7}.Toastify__close-button:hover{opacity:1}.Toastify__toast-icon svg{fill:currentcolor}.kit-play-desktop__container{display:flex;width:100%;height:100%}.kit-play-desktop__pads{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:clamp(560px,104rem,60%);padding:12rem}.kit-play-desktop__pads-container{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;width:100%}.kit-play-desktop__pad{padding:2rem;background:#171a26;border:1px solid oklch(38.5% .021 274.3deg);border-radius:1.5rem;--box-shadow-size: 12px;position:relative;overflow:hidden;aspect-ratio:1;background-color:var(--kit-play-color-main);border:1px solid var(--kit-play-color-border)!important;border-radius:1.25rem;-webkit-user-select:none;user-select:none;touch-action:none;transition:all .3s cubic-bezier(.4,0,.2,1),box-shadow .6s ease-out}.kit-play-desktop__pad .ripple{background-color:color-mix(in srgb,var(--kit-play-color-main),rgba(255,255,255,.5))}@media(min-width:768px){.kit-play-desktop__pad{cursor:pointer;-webkit-user-select:auto;user-select:auto}.kit-play-desktop__pad:hover{background-color:var(--kit-play-color-main-hover)!important}}.kit-play-desktop__pad--active{box-shadow:0 0 var(--box-shadow-size) var(--kit-play-color-main-hover);transition:box-shadow .3s ease-out}.kit-play-desktop__pad--pressed{background-color:var(--kit-play-color-main-hover)!important;transform:scale(.98)}.kit-play-desktop__pad--toggled:after{position:absolute;top:1rem;right:1rem;z-index:10;width:2.5rem;aspect-ratio:1;background:conic-gradient(from 0deg,transparent 0deg,transparent calc(var(--progress, 0) * 3.6deg),rgba(255,255,255,.8) calc(var(--progress, 0) * 3.6deg),rgba(255,255,255,.8) 360deg);-webkit-backdrop-filter:brightness(150%);backdrop-filter:brightness(150%);border-radius:50%;content:"";-webkit-mask:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='progress-mask'%3E%3Crect width='20' height='20' fill='white'/%3E%3Ccircle cx='10' cy='10' r='7' fill='black'/%3E%3C/mask%3E%3Crect width='20' height='20' fill='black' mask='url(%23progress-mask)'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='progress-mask'%3E%3Crect width='20' height='20' fill='white'/%3E%3Ccircle cx='10' cy='10' r='7' fill='black'/%3E%3C/mask%3E%3Crect width='20' height='20' fill='black' mask='url(%23progress-mask)'/%3E%3C/svg%3E") center/contain no-repeat}@media(max-width:1024px){.kit-play-mobile__container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:var(--spacing-x-site)}.kit-play-mobile__pads{display:flex;justify-content:center;align-items:center;width:100%;padding:1rem}.kit-play-mobile__pads-container{--translation-value: 6rem;display:grid;position:relative;grid-template-columns:repeat(4,1fr);gap:1rem;width:100%;max-width:560px;transition:all .3s cubic-bezier(.4,0,.2,1)}.kit-play-mobile__pads-container--active{transform:translateY(var(--translation-value))}}@media(max-width:1024px)and (min-width:480px){.kit-play-mobile__pads-container{margin-top:-10vw}}@media(max-width:1024px){.kit-play-mobile__pad{padding:2rem;background:#171a26;border:1px solid oklch(38.5% .021 274.3deg);border-radius:1.5rem;--box-shadow-size: 12px;position:relative;overflow:hidden;aspect-ratio:1;background-color:var(--kit-play-color-main);border:1px solid var(--kit-play-color-border)!important;border-radius:1.25rem;-webkit-user-select:none;user-select:none;touch-action:none;transition:all .3s cubic-bezier(.4,0,.2,1),box-shadow .6s ease-out}.kit-play-mobile__pad .ripple{background-color:color-mix(in srgb,var(--kit-play-color-main),rgba(255,255,255,.5))}}@media(max-width:1024px)and (min-width:768px){.kit-play-mobile__pad{cursor:pointer;-webkit-user-select:auto;user-select:auto}.kit-play-mobile__pad:hover{background-color:var(--kit-play-color-main-hover)!important}}@media(max-width:1024px){.kit-play-mobile__pad--active{box-shadow:0 0 var(--box-shadow-size) var(--kit-play-color-main-hover);transition:box-shadow .3s ease-out}.kit-play-mobile__pad--pressed{background-color:var(--kit-play-color-main-hover)!important;transform:scale(.98)}.kit-play-mobile__pad--toggled:after{position:absolute;top:1rem;right:1rem;z-index:10;width:2.5rem;aspect-ratio:1;background:conic-gradient(from 0deg,transparent 0deg,transparent calc(var(--progress, 0) * 3.6deg),rgba(255,255,255,.8) calc(var(--progress, 0) * 3.6deg),rgba(255,255,255,.8) 360deg);-webkit-backdrop-filter:brightness(150%);backdrop-filter:brightness(150%);border-radius:50%;content:"";-webkit-mask:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='progress-mask'%3E%3Crect width='20' height='20' fill='white'/%3E%3Ccircle cx='10' cy='10' r='7' fill='black'/%3E%3C/mask%3E%3Crect width='20' height='20' fill='black' mask='url(%23progress-mask)'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='progress-mask'%3E%3Crect width='20' height='20' fill='white'/%3E%3Ccircle cx='10' cy='10' r='7' fill='black'/%3E%3C/mask%3E%3Crect width='20' height='20' fill='black' mask='url(%23progress-mask)'/%3E%3C/svg%3E") center/contain no-repeat}}.kit-play-desktop__sliders-wrapper{display:flex;position:absolute;top:0;left:0;flex-direction:column;width:100%;height:100%;padding:4rem;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1) .15s}.kit-play-desktop__sliders-wrapper--active{position:relative;opacity:1;pointer-events:auto}.kit-play-desktop__sliders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.kit-play-desktop__sliders-title{color:var(--kit-play-color-foreground);font-size:var(--text-2xl);font-weight:600}.kit-play-desktop__reset-btn{height:6rem!important;display:flex;align-items:center;gap:.5rem}.kit-play-desktop__sliders-content{display:flex;flex:1;flex-direction:column;gap:3rem;padding:2rem 0}.kit-play-desktop__slider-wrapper{display:flex;flex-direction:column;gap:1rem}.kit-play-desktop__slider-wrapper .slider__label{color:var(--kit-play-color-foreground)!important}.kit-play-desktop__metronome-wrapper{display:flex;position:absolute;top:0;left:0;flex-direction:column;width:100%;height:100%;padding:4rem;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1) .15s}.kit-play-desktop__metronome-wrapper--active{position:relative;opacity:1;pointer-events:auto}.kit-play-desktop__metronome-header{margin-bottom:2rem}.kit-play-desktop__metronome-title{color:var(--kit-play-color-foreground);font-size:var(--text-2xl);font-weight:600}.kit-play-desktop__metronome-content{display:flex;flex:1;flex-direction:column}.kit-play-desktop__metronome-display{display:flex;align-items:center;gap:2rem}.kit-play-desktop__metronome-controls{display:flex;justify-content:start}.kit-play-desktop__metronome-play-btn{display:flex;justify-content:center;align-items:center;height:6rem!important;gap:.5rem;min-width:10rem}.kit-play-desktop__metronome-bpm-section{display:flex;justify-content:start;align-items:center;gap:1rem}.kit-play-desktop__metronome-btn{height:6rem!important;height:6rem;aspect-ratio:1}.kit-play-desktop__bpm-display{display:flex;flex-direction:column;align-items:center;gap:.25rem}.kit-play-desktop__bpm-input{padding:0;margin:0;background:transparent;color:inherit;border:none;border-radius:0;box-shadow:none;outline:none;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;appearance:none}.kit-play-desktop__bpm-input::-webkit-outer-spin-button,.kit-play-desktop__bpm-input::-webkit-inner-spin-button{appearance:none;margin:0}.kit-play-desktop__bpm-input::-webkit-search-decoration,.kit-play-desktop__bpm-input::-webkit-search-cancel-button,.kit-play-desktop__bpm-input::-webkit-search-results-button,.kit-play-desktop__bpm-input::-webkit-search-results-decoration{display:none}.kit-play-desktop__bpm-input::-ms-clear,.kit-play-desktop__bpm-input::-ms-reveal{display:none;width:0;height:0}.kit-play-desktop__bpm-input[type=number]{appearance:textfield}.kit-play-desktop__bpm-input[type=date]::-webkit-calendar-picker-indicator{display:none}.kit-play-desktop__bpm-input[type=time]::-webkit-calendar-picker-indicator{display:none}.kit-play-desktop__bpm-input{width:8rem;height:4rem;background:transparent;color:var(--kit-play-color-main);border-radius:1.25rem;font-family:Syne,sans-serif;font-size:var(--text-2xl);font-weight:600;text-align:center}.kit-play-desktop__bpm-input:focus{border-color:var(--kit-play-color-main)}.kit-play-desktop__bpm-label{color:var(--kit-play-color-foreground);opacity:.7;font-size:var(--text-sm);font-weight:500;text-transform:uppercase}.kit-play-desktop__metronome-visual{display:flex;justify-content:center;align-items:center;width:10rem;height:10rem;padding-right:4rem}.kit-play-desktop__metronome-pulse{width:4rem;height:4rem;background-color:var(--kit-play-color-main);border-radius:9999px;opacity:.3;transition:all .3s cubic-bezier(.4,0,.2,1)}.kit-play-desktop__metronome-pulse--active{animation:pulse 1s infinite}.kit-play-desktop__recording-wrapper{display:flex;position:absolute;top:0;left:0;flex-direction:column;width:100%;height:100%;padding:4rem;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1) .15s}.kit-play-desktop__recording-wrapper--active{position:relative;opacity:1;pointer-events:auto}.kit-play-desktop__recording-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.kit-play-desktop__recording-title{color:var(--kit-play-color-foreground);font-size:var(--text-2xl);font-weight:600}.kit-play-desktop__recording-time-display{color:var(--kit-play-color-main);font-family:Syne,sans-serif;font-size:var(--text-2xl);font-weight:600}.kit-play-desktop__recording-content{display:flex;flex:1;flex-direction:column;gap:2rem}.kit-play-desktop__recording-controls{display:flex;flex-direction:column;gap:2rem}.kit-play-desktop__recording-main-controls{display:flex;gap:2rem}.kit-play-desktop__recording-btn{display:flex;justify-content:center;align-items:center;gap:.5rem;height:6rem!important;gap:1rem;min-width:12rem}.kit-play-desktop__recording-actions{display:flex;gap:1rem}.kit-play-desktop__recording-action-btn{height:6rem!important;gap:.5rem;min-width:8rem}.kit-play-desktop__recording-info{display:flex;gap:2rem;padding:1.5rem;background-color:#171a26;border-radius:1.25rem}.kit-play-desktop__recording-stat{display:flex;flex-direction:column;gap:.5rem}.kit-play-desktop__recording-stat-label{color:var(--kit-play-color-foreground);opacity:.7;font-size:var(--text-sm)}.kit-play-desktop__recording-stat-value{color:var(--kit-play-color-foreground);font-size:var(--text-lg);font-weight:500}.kit-play-desktop__info-wrapper{display:flex;position:absolute;top:0;left:0;flex-direction:column;width:100%;height:100%;padding:4rem;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1) .15s}.kit-play-desktop__info-wrapper--active{position:relative;opacity:1;pointer-events:auto}.kit-play-desktop__info-content{display:flex;flex-direction:column;justify-content:start;align-items:start;height:100%;text-align:left}.kit-play-desktop__info-owner-name{display:block;margin-top:2rem;color:var(--kit-play-color-main);font-size:var(--text-2xl)}.kit-play-desktop__info-description{max-width:720px;color:var(--kit-play-color-foreground);opacity:.7;font-size:var(--text-lg);line-height:1.625;margin-top:1rem}.kit-play-desktop__modal{position:relative;height:100%;opacity:0;pointer-events:none}.kit-play-desktop__modal--active{opacity:1;pointer-events:auto}.kit-play-desktop__list{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;width:100%}.kit-play-desktop__list .btn{height:6rem}.kit-play-desktop__menu{display:flex;flex-grow:1;flex-direction:column;gap:4rem;height:100%}.kit-play-desktop__menu-content{padding:2rem;background:#171a26;border:1px solid oklch(38.5% .021 274.3deg);border-radius:1.5rem;position:relative;overflow:hidden;width:100%;min-height:64rem;padding:0;background-color:var(--kit-play-color-card);border:1px solid var(--kit-play-color-card-border);border-radius:2rem}.kit-play-mobile__minimal-modal{display:flex;position:fixed;bottom:-100%;left:50%;z-index:1;justify-content:center;align-items:center;width:100%;min-height:10rem;padding-inline:var(--spacing-x-site);transform:translate(-50%);transition:all .45s cubic-bezier(.4,0,.2,1)}.kit-play-mobile__minimal-modal--active{bottom:9rem}.kit-play-mobile__minimal-modal>div{width:100%;max-width:560px}.kit-play-mobile__sliders-wrapper{display:flex;position:relative;overflow:hidden;justify-content:center;align-items:center;width:100%;height:100%}.kit-play-mobile__sliders-tape{--active-item: 2;display:flex;width:100%;height:100%;transform:translate(calc(var(--active-item) * -100%));transition:transform .3s cubic-bezier(.4,0,.2,1)}.kit-play-mobile__slider-wrapper{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem}.kit-play-mobile__slider{width:100%;padding-inline:9rem}.kit-play-mobile__slider .slider__label{justify-content:center!important;color:var(--kit-play-color-foreground)!important}.kit-play-mobile__slider .slider__track{background-color:var(--kit-play-color-card-border)}.kit-play-mobile__slider .slider__range{background-color:var(--kit-play-color-main)}.kit-play-mobile__slider-btn{height:6rem!important;position:absolute!important;top:50%;z-index:10;height:50%;aspect-ratio:1;transform:translateY(-50%)}.kit-play-mobile__slider-btn--left{left:0}.kit-play-mobile__slider-btn--right{right:0}.kit-play-mobile__metronome-wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem}.kit-play-mobile__metronome-display{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:560px}.kit-play-mobile__metronome-controls{display:flex;align-items:center;gap:2rem}.kit-play-mobile__metronome-play-btn{display:flex;justify-content:center;align-items:center;gap:.5rem;height:6rem!important;aspect-ratio:1;border-radius:9999px}.kit-play-mobile__metronome-bpm-section{display:flex;align-items:center;gap:1rem}.kit-play-mobile__metronome-btn{height:6rem!important;flex-shrink:0;height:6rem;aspect-ratio:1}.kit-play-mobile__bpm-value{color:var(--kit-play-color-main);font-family:Syne,sans-serif;font-size:var(--text-3xl);font-weight:600}.kit-play-mobile__bpm-display{display:flex;flex:1;flex-direction:column;align-items:center;gap:.25rem}.kit-play-mobile__bpm-input{padding:0;margin:0;background:transparent;color:inherit;border:none;border-radius:0;box-shadow:none;outline:none;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;appearance:none}.kit-play-mobile__bpm-input::-webkit-outer-spin-button,.kit-play-mobile__bpm-input::-webkit-inner-spin-button{appearance:none;margin:0}.kit-play-mobile__bpm-input::-webkit-search-decoration,.kit-play-mobile__bpm-input::-webkit-search-cancel-button,.kit-play-mobile__bpm-input::-webkit-search-results-button,.kit-play-mobile__bpm-input::-webkit-search-results-decoration{display:none}.kit-play-mobile__bpm-input::-ms-clear,.kit-play-mobile__bpm-input::-ms-reveal{display:none;width:0;height:0}.kit-play-mobile__bpm-input[type=number]{appearance:textfield}.kit-play-mobile__bpm-input[type=date]::-webkit-calendar-picker-indicator{display:none}.kit-play-mobile__bpm-input[type=time]::-webkit-calendar-picker-indicator{display:none}.kit-play-mobile__bpm-input{width:12rem;background-color:transparent;color:var(--kit-play-color-main);font-family:Syne,sans-serif;font-size:var(--text-3xl);font-weight:600;text-align:center;border-color:var(--kit-play-color-card-border)}.kit-play-mobile__bpm-input:focus{border-color:var(--kit-play-color-main)}.kit-play-mobile__bpm-label{color:var(--kit-play-color-foreground);opacity:.7;font-size:var(--text-md);text-transform:uppercase}.kit-play-mobile__metronome-visual{display:flex;justify-content:center;align-items:center;width:10rem;height:10rem}.kit-play-mobile__metronome-pulse{width:4rem;height:4rem;background-color:var(--kit-play-color-main);border-radius:9999px;opacity:.3;transition:all .3s cubic-bezier(.4,0,.2,1)}.kit-play-mobile__metronome-pulse--active{animation:pulse 1s infinite}@keyframes pulse{0%{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}to{opacity:.3;transform:scale(1)}}.kit-play-mobile__recording-wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem}.kit-play-mobile__recording-display{display:flex;justify-content:space-between;align-items:center;gap:6rem;width:100%;max-width:560px}.kit-play-mobile__recording-left{display:flex;flex-shrink:0;align-items:center;gap:2rem}.kit-play-mobile__recording-btn{display:flex;justify-content:center;align-items:center;gap:.5rem;height:6rem!important;width:6rem;aspect-ratio:1;border-radius:9999px}.kit-play-mobile__recording-btn--recording{animation:pulse 1.5s infinite}.kit-play-mobile__recording-time-display{width:6rem;min-width:3rem;color:var(--kit-play-color-main);font-family:Syne,sans-serif;font-size:var(--text-lg);font-weight:600;text-align:left}.kit-play-mobile__recording-actions{display:grid;flex:1;grid-template-columns:repeat(3,1fr);align-items:center;gap:1rem;width:100%;height:6rem}.kit-play-mobile__recording-time{color:var(--kit-play-color-foreground);font-family:Syne,sans-serif;font-size:var(--text-md);font-weight:500}.kit-play-mobile__recording-action-btn{height:6rem!important;width:100%;height:100%;border-radius:1.25rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.kit-play-mobile__info-wrapper{position:fixed;bottom:-100%;z-index:5;width:100%;height:100%;padding-inline:var(--spacing-x-site);padding-top:24rem;background-color:var(--kit-play-color-background);transition:all .45s cubic-bezier(.4,0,.2,1)}.kit-play-mobile__info-wrapper--active{bottom:0%}.kit-play-mobile__info-container{margin-inline:auto;width:100%}@media(min-width:768px){.kit-play-mobile__info-container{max-width:var(--container-max-width)}}.kit-play-mobile__info-container{display:flex;flex-direction:column;align-items:center;gap:4rem}.kit-play-mobile__info-owner-name{color:var(--kit-play-color-main);font-size:var(--text-3xl)}.kit-play-mobile__info-description{color:var(--kit-play-color-foreground);opacity:.8;font-size:var(--text-lg);line-height:2}@media(max-width:1024px){.kit-play-mobile__menu{display:flex;position:fixed;bottom:0;left:50%;z-index:10;justify-content:center;align-items:center;width:calc(100% - var(--spacing-x-site) * 2);height:8rem;padding:1.25rem;background-color:var(--kit-play-color-card);border:1px solid var(--kit-play-color-card-border);border-radius:2.5rem;transform:translate(-50%);margin-bottom:.75rem}.kit-play-mobile__ctas{display:grid;position:relative;grid-template-columns:repeat(5,1fr);width:100%;height:100%}.kit-play-mobile__ctas .btn{width:100%;height:100%;border:none;border-radius:1.25rem}}.kit-play-main{--kit-play-color-main: "";--kit-play-color-main-hover: "";--kit-play-color-main-foreground: "";--kit-play-color-border: "";--kit-play-color-card: "";--kit-play-color-card-border: "";--kit-play-color-background: "";--kit-play-color-foreground: "";overflow:hidden!important;height:100dvh;padding:16rem 0 4rem!important;background-color:var(--kit-play-color-background)}@media(max-width:768px){.kit-play-main{padding:0!important;padding-top:8rem!important}}.kit-play{height:100%}.kit-play__container{margin-inline:auto;width:100%}@media(min-width:768px){.kit-play__container{max-width:var(--container-max-width)}}.kit-play__loading{display:flex;position:fixed;top:0;left:0;z-index:20;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;background-color:#0a0c14;text-align:center}.kit-play__loading-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.kit-play__loading-spinner{width:18rem;height:18rem;animation:spinner-animation 3s cubic-bezier(.165,.84,.44,1) infinite}.kit-play__loading-spinner img{width:100%;height:100%;object-fit:contain}.kit-play__loading--visible{opacity:1;transition:opacity .3s ease-out}.kit-play__loading--hidden{opacity:0;pointer-events:none;transition:opacity .3s ease-out}.kit-play__progress-wrapper{padding-top:6rem}.kit-play__progress{font-size:var(--text-2xl)}.kit-play__progress--error{color:#de394b}@media(max-width:768px){.kit-play{padding-inline:0!important}}@keyframes spinner-animation{0%{transform:rotate(0) scale(1) translateZ(0)}25%{transform:rotate(90deg) scale(.6) translateZ(0)}50%{transform:rotate(180deg) scale(1) translateZ(0)}75%{transform:rotate(270deg) scale(.6) translateZ(0)}to{transform:rotate(360deg) scale(1) translateZ(0)}}.main-footer{margin-top:6rem;display:grid;grid-template-columns:repeat(2,1fr);justify-content:center;align-items:center;gap:6rem;padding:2rem var(--spacing-x-site);color:#90db1e;border-top:1px solid oklch(38.5% .021 274.3deg);text-align:center}.main-footer__link{display:flex;align-items:center;gap:2rem;color:#eceff2;white-space:nowrap}.main-footer__link img{width:16rem;object-fit:contain}.main-footer>div:last-child{display:none}@media(min-width:768px){.main-footer{grid-template-columns:repeat(3,1fr)}.main-footer>div:last-child{display:block}}