@font-face{font-family:roboto;src:url(/looper-app/static/media/Roboto-Regular.a8d6ac03c7b96b7acb62.ttf)}@font-face{font-family:roboto-bold;src:url(/looper-app/static/media/Roboto-Bold.75371f53f06181df75f1.ttf)}@font-face{font-family:sofia;src:url(/looper-app/static/media/Sofia-Pro-Regular.d36998f5d9772461be21.otf)}@font-face{font-family:sofia-thin;src:url(/looper-app/static/media/Sofia-Pro-Thin.d2162fc7578b0d38b109.otf)}@font-face{font-family:sofia-bold;src:url(/looper-app/static/media/Sofia-Pro-Bold.48c71aa3dea90cd4f94e.otf)}.br4{border-radius:4px}.br8{border-radius:8px}.btn{cursor:pointer}.fs12{font-size:.75rem}.fs14{font-size:.875rem}.fs18{font-size:1.125rem}.fs20{font-size:1.25rem}.fs24{font-size:1.5rem}.fs28{font-size:1.75rem}.fs30{font-size:1.875rem}.clean-list{list-style-type:none}.clean-list,.clean-list>li{margin:0;padding:0}.text-cmp{height:100%;text-overflow:ellipsis;white-space:nowrap}.text-wrap{overflow:hidden}.b-txt{font-weight:700;letter-spacing:.1}.flex{display:flex}.flex>.full{flex:1 1}.flex.column{flex-direction:column}.flex.reverse{flex-direction:row-reverse}.flex.justify-center{justify-content:center}.flex.justify-end{justify-content:end}.flex.align-center{align-items:center}.flex.wrap{flex-wrap:wrap}.flex.space-between{justify-content:space-between}.flex.space-around{justify-content:space-around}.flex.space-evenly{justify-content:space-evenly}.flex.auto-center{align-items:center;justify-content:center}.disabled-link{pointer-events:none}.square-ratio{overflow:hidden;position:relative}.square-ratio:before{content:"";display:block;padding-top:100%;width:100%}.square-ratio>*{bottom:0;left:0;position:absolute;right:0;top:0}.square-ratio>img{height:100%;object-fit:cover}.video-ratio{overflow:hidden;position:relative}.video-ratio:before{content:"";display:block;padding-top:56.25%;width:100%}.video-ratio>*{bottom:0;left:0;position:absolute;right:0;top:0}.video-ratio>img{height:100%;object-fit:cover}.portrait-ratio{overflow:hidden;position:relative}.portrait-ratio:before{content:"";display:block;padding-top:177.77778%;width:100%}.portrait-ratio>*{bottom:0;left:0;position:absolute;right:0;top:0}.portrait-ratio>img{height:100%;object-fit:cover}.main-container{height:100%;margin:0 auto;max-width:975px}.card-grid{grid-gap:20px;display:grid;gap:20px;grid-auto-flow:dense;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.card-grid>*{overflow:hidden;position:relative}.card-grid>:before{content:"";display:block;padding-top:100%;width:100%}.card-grid>*>*{bottom:0;left:0;position:absolute;right:0;top:0}.card-grid>*>img{height:100%;object-fit:cover}*{box-sizing:border-box}html{font-family:roboto}body{background-color:#272727;color:#b3b3b3;height:100vh;margin:0}img{width:100%}h1,h2,h3,h4,h5,h6,p,span{font-family:roboto;font-weight:400;margin:0}a{color:inherit;height:100%;line-height:1;text-decoration:none}button{background:transparent;cursor:pointer;padding:0}button,input,textarea{border:none;outline:none}input,textarea{font-family:roboto;max-height:80px;resize:none}header{color:#000}.pad-list{grid-gap:10px;color:#fafafa;display:grid;gap:10px;grid-template-columns:1fr;padding:10px 10px 140px}@media (min-width:460px){.pad-list{grid-template-columns:1fr 1fr;padding:20px 10px 220px}}@media (min-width:760px){.pad-list{gap:30px;grid-template-columns:1fr 1fr 1fr;padding:40px 10px 230px}}.pad{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent 90%,transparent);box-shadow:15px 15px 30px 4px rgba(0,0,0,.56);color:#fafafa;font-family:roboto-bold;font-size:clamp(1rem,2vw,1.25rem);gap:10px;height:-webkit-min-content;height:min-content;padding:15px;transition:background-color .4s ease-in-out}.pad .top{gap:5px}.pad .top .icon{font-size:.875rem}.pad .top .title{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pad .top .pad-controls{gap:10px}.pad .top .pad-controls button{transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear}.pad .top .pad-controls svg{fill:#fafafa}.controls{background-color:#121212;bottom:0;box-shadow:0 15px 30px 4px rgba(0,0,0,.56);height:130px;justify-content:space-evenly;left:50%;padding:10px 30px;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;z-index:1000}@media (min-width:460px){.controls{border-radius:20px 20px 0 0;height:200px;max-width:500px}}.controls .top{justify-content:space-evenly;width:100%}.controls svg{fill:#fafafa;height:24px;width:24px}.controls svg[data-loop=true]{fill:#337c33}@media (min-width:460px){.controls svg{height:32px;width:32px}}.switch{background-color:hsla(0,0%,100%,.4);border-radius:50px;cursor:pointer;display:flex;height:28px;justify-content:flex-start;padding:5px;width:45px}.switch[data-active=true]{justify-content:flex-end}.switch .handle{background-color:#fff;border-radius:20px;height:18px;width:18px}.slider{height:6px;margin-bottom:10px;position:relative;width:100%}.slider input[type=range]{-webkit-appearance:none;background:transparent;left:-2px;position:absolute;top:2px;transition:all .4s ease-out;width:100%;z-index:100}.slider input::-webkit-slider-thumb{-webkit-appearance:none;background:#fafafa;border:2px solid #fafafa;border-radius:50%;box-shadow:0 0 0 1px #fafafa;height:16px;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;width:16px}.slider input::-webkit-slider-thumb:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.slider progress{-webkit-appearance:none;border-radius:5px;box-shadow:inset 0 30px 60px -12px rgba(50,50,93,.25),inset 0 18px 36px -18px rgba(0,0,0,.3);height:6px;overflow:hidden;position:absolute;top:50%;-webkit-transform:translateY(100%);transform:translateY(100%);width:100%}.slider progress::-webkit-progress-bar{background-color:#646464}.slider progress::-webkit-progress-value{background-color:#fafafa;border-radius:5px;-webkit-transition:width .1s;transition:width .1s}.canvas-container canvas{height:0;transition:all 1.5s linear}
/*# sourceMappingURL=main.a3fa6449.css.map*/