p{border:1px solid var(--border-color);margin:0 auto 2rem;max-width:800px;padding:2rem}a,p{font-size:1.5rem}a{color:var(--color-accent);text-decoration:none}h1{font-size:4rem;margin:5rem}h1,h2{color:var(--color-accent);text-align:center;text-transform:uppercase}h2{font-size:2rem;margin-bottom:2rem}.performance{width:100%}.examples,.performance{align-items:center;border:1px solid var(--border-color);display:flex;font-size:4rem;margin:2rem auto;overflow-x:auto;padding-bottom:2rem;scroll-behavior:smooth;scrollbar-width:thin}.examples{justify-content:space-around}.setup{border:1px solid var(--border-color);cursor:pointer;font-size:4rem;padding:2rem}.min-max-height,.setup{align-items:center;display:flex}.min-max-height{flex-direction:column;height:200px;justify-content:space-between}.end,.setup-img{height:180px;margin:1rem}.end,.step{cursor:pointer}.step{align-items:center;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-inline:1rem;padding:1rem;transition:all .1s}.page-content{margin:0 auto;max-width:1200px;padding:2rem 5rem}.current-step{background-color:#bbb;border-radius:10px;transition:background-color .2s}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.arrow{height:100px}.arrow-up{transform:rotate(180deg)}.tie{height:4rem;width:4rem}.attachment{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:center}.attachment-type{width:1.5rem}.attachment-position{font-size:1.5rem}.upline-info{align-items:center;display:flex;flex-direction:column;justify-content:center}.upline-id{border-bottom:1px solid #000}.upline-height,.upline-id{font-size:1.5rem}.legend{margin:0 auto;max-width:1200px}.legend section{margin-bottom:4rem}.legend h2{font-size:1.5rem;margin-bottom:1rem}.grid{align-items:baseline;display:flex;flex-direction:row;flex-wrap:wrap;gap:6rem;justify-content:center;margin:2rem}figure{margin:2rem;text-align:center;width:200px}figure img{height:8rem;width:8rem}figure img.setup-icon{height:20rem!important;width:20rem!important}figcaption{font-size:2.2rem;margin-top:.5rem;text-transform:uppercase}figcaption p{color:#555;font-size:1.3rem;text-transform:none}.examplesimg{mix-blend-mode:darken;position:relative;width:50vw}.compound-step{align-items:center;border-bottom:2px solid;display:flex;flex-direction:row;justify-content:center;margin:2rem;padding-bottom:2rem}section{margin-bottom:200rem}button,input,label,option,select{background-color:var(--color-background)}button,input,label,option,select,textarea{border:1px solid var(--border-color);cursor:pointer;font-size:1.5rem;margin:1rem;padding:1rem;transition:all .1s}textarea{width:100%}*,body,html{box-sizing:border-box;font-size:62.5%;margin:0;max-width:100vw;padding:0}body{background-color:var(--color-background);color:var(--color-primary);font-family:var(--font-family);font-size:var(font-size-base)}.app-container{margin:0 auto 200px;max-width:var(--max-width)}:root{--max-width:90vw;--color-primary:#fff;--color-accent-dark:#e2e2e2;--color-accent:#fff;--color-background:#101010;--color-background-darker:#010101;--color-secondary:#333;--color-tertiary:#ccc;--color-quaternary:#e0e0e0;--font-family:"Futura",sans-serif;--font-weight-bold:700;--font-weight-normal:400;--font-weight-light:300;--font-size-base:1.6rem;--font-size-small:1.4rem;--font-size-medium:1.8rem;--font-size-large:2.4rem;--border-color:#0000}p{font-size:var(--font-size-base)}h1,h2,h3,h4,h5,h6,p{font-family:var(--font-family)}h1,h2,h3,h4,h5,h6{color:var(--color-primary);font-weight:700}h3{font-size:var(--font-size-small)}h4{font-size:var(--font-size-base);padding-block:1rem}.header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:0 auto;max-width:1200px;padding:20px}.header-logo{cursor:pointer;height:auto;width:150px}nav ul{align-items:center;display:flex;flex-direction:row;gap:2rem;justify-content:center;li,li>a{color:#fff!important;cursor:pointer;font-size:1.2rem;list-style-type:none;margin:0;padding:0;text-transform:uppercase}}.filter-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;margin-block:2rem}.search-box{display:flex;justify-content:flex-start;margin:0 auto;max-width:800px;position:relative;width:100%}.search-input{background-color:var(--color-background-darker);border-radius:30px;color:var(--color-primary);font-size:var(--font-size-medium);padding:15px 40px 15px 20px;transition:box-shadow .3s ease;width:100%}.search-box input:focus{box-shadow:0 0 7px var(--color-accent);outline:none}.clear-search-button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:var(--font-size-large);line-height:1;position:absolute;right:30px;top:50%;transform:translateY(-50%)}.dropdown-container select{border:1px solid #ccc;color:var(--color-primary);font-size:var(--font-size-base);margin:0;outline:1px solid #fff;padding:0}.dropdown-container select:focus{border:none;outline:var(--color-accent) solid 1px}.dropdown-container label,.label,.platform-filter label{font-size:var(--font-size-small);text-align:center;text-transform:uppercase}.count{font-size:var(--font-size-base);margin:20px;text-align:center;text-transform:uppercase}.toggle-group{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.toggle-button{background:var(--color-background-darker);border-radius:4px;color:#ccc;cursor:pointer;font-size:.9rem;padding:.4em .8em;transition:all .2s ease;-webkit-user-select:none;user-select:none}.toggle-button.checked{background:var(--color-accent);color:#000}.toggle-button input{display:none}.technique-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin:0 auto 20px;max-width:100vw}.technique-title{font-size:var(--font-size-medium);margin-bottom:2rem;text-transform:capitalize}.technique-item{background-color:#000;border-radius:10px;justify-content:space-between;padding-block:4rem;padding:20px;text-align:center}.technique-item,.technique-top{display:flex;flex-direction:column}.technique-top{align-items:center;justify-content:flex-start}.technique-info h3{font-size:var(--font-size-large);margin:0 0 5px}.technique-row.expanded .technique-info{background-size:cover}.technique-content{margin-block:2rem}.technique-thumbnail{height:180px;margin-right:15px;width:320px}.technique-thumbnail iframe,.technique-thumbnail img{height:100%;object-fit:cover;width:100%}.learn-more-btn{background-color:var(--color-accent-dark);border-radius:5px;color:var(--color-primary);color:#000;cursor:pointer;margin-top:auto;padding:10px 20px;text-align:center;text-decoration:none}.learn-more-btn:hover{background-color:var(--color-accent)}.technique-author{font-size:var(--font-size-small);font-weight:400;margin-top:10px}.buttons{display:flex;flex-direction:column;gap:10px;justify-content:center}.favourite-button{background:none;border:none;border-radius:4px;color:var(--color-accent);cursor:pointer;font-size:3rem;margin-top:10px;padding:12px 15px}.preview-image{border:0;border-radius:0;margin:20px 0 0;max-width:500px;padding:0;width:100%}.scroll-to-top{background-color:var(--color-accent-dark);border:none;border-radius:12px;bottom:50px;box-shadow:0 4px 16px #00000080;color:var(--color-primary);color:#000;cursor:pointer;display:block;font-size:12px;font-weight:700;padding:10px 15px;position:fixed;right:50px;text-transform:uppercase;z-index:9999}.scroll-to-top:hover{background-color:var(--color-accent)}.login-box{align-items:center;background-color:var(--color-background-darker);border-radius:8px;color:var(--color-primary);display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:400px;padding:20px;width:100%}input[type=email],input[type=password]{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:4px;box-sizing:border-box;margin:8px 0;padding:12px 15px;width:100%}input[type=email]:focus,input[type=password]:focus{border:1px solid var(--color-accent);outline:none}button[type=submit]{background-color:var(--color-accent-dark);border:none;border-radius:4px;color:#000;font-weight:700;margin:20px 0;width:100%}.login-register,button[type=submit]{cursor:pointer;font-size:var(--font-size-base)}.login-register{color:var(--color-accent)}.google-signin{align-items:center;background-color:var(--color-accent-dark);border:none;border-radius:4px;color:#000;cursor:pointer;display:flex;gap:10px;justify-content:center;padding:12px 15px}.google-signin,.or-divider{font-size:var(--font-size-base)}.or-divider{color:var(--color-primary);margin:20px 0;text-align:center;text-transform:uppercase}.preset-searches{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 auto;max-width:1200px}.preset-button{background-color:var(--color-accent-dark);border:none;border-radius:4px;color:#000;cursor:pointer;font-size:1.2rem;margin:10px 0;padding:6px 7px}.preset-button:hover{background-color:var(--color-accent)}.collection-badge-group{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.collection-badge{align-items:center;background:var(--color-accent);border-radius:4px;color:#000;display:flex;font-size:var(--font-size-small);gap:6px;padding:6px 8px;text-transform:uppercase}.remove-badge{background:none;border:none;color:#000;cursor:pointer;font-size:1rem;line-height:1;padding:0}.collection-add-button{background:#222;border:1px solid #555;border-radius:6px;color:#fff;cursor:pointer;font-size:1.2rem;font-size:var(--font-size-small);height:100%;line-height:1;padding:4px 10px}.collection-wrapper{overflow:visible;position:relative;text-align:center}.collection-dropdown{background:#111;border:1px solid #333;border-radius:6px;bottom:calc(100% + 8px);box-shadow:0 6px 12px #0009;left:50%;max-width:600px;min-width:300px;padding:8px;position:absolute;text-align:left;transform:translateX(-50%);z-index:9999}.dropdown-item{border-radius:4px;color:#aaa;cursor:pointer;font-size:var(--font-size-small);padding:6px;text-transform:uppercase}.dropdown-item:hover{background:#222;color:#fff}.create-collection input{background:#000;border:1px solid #444;border-radius:4px;color:#fff;margin-top:8px;padding:6px;width:90%}.create-collection input::placeholder{color:#777}.delete-collection-button{background:#630000;color:#fff;max-width:200px}.delete-collection-button,.rename-collection-button{border:none;border-radius:4px;cursor:pointer;font-size:var(--font-size-small);padding:6px 10px;text-transform:uppercase}.rename-collection-button{background:#fff;color:#000;max-width:250px}.collection-item{flex-direction:column;gap:20px;margin-bottom:100px}.collection-item,.collection-list{align-items:center;display:flex;justify-content:center}.collection-list{flex-wrap:wrap;margin-bottom:50px}.collection-button{background-color:var(--color-accent-dark);border:none;border-radius:4px;color:#000;cursor:pointer;font-size:var(--font-size-base);padding:6px 10px;text-transform:uppercase}.collection-header{flex-direction:row;gap:10px}.collection-header,.footer{align-items:center;display:flex;justify-content:center}.footer{background-color:#000;color:var(--color-white);flex-direction:column;font-size:var(--font-size-small);margin-top:4rem;padding:2rem;text-align:center;text-transform:uppercase;width:100%}.footer-text{line-height:1.6;margin:0}.footer a{color:var(--color-accent);font-weight:700;text-decoration:none;transition:opacity .2s ease}.footer a:hover{opacity:.7}@media screen and (max-width:768px){.app-container{margin:0 auto;padding:0}h1{font-size:var(--font-size-large);margin:20px 0;text-align:center}.technique-list{grid-template-columns:1fr}.filter-container{flex-direction:column}.technique-description{text-align:center}.preview-image{aspect-ratio:16/9;border:0;border-radius:0;margin:20px 0 0;padding:0;width:100%}.preset-searches{display:none}.header{gap:20px}.dropdown-container,.header,.toggle-group{align-items:center;flex-direction:column;justify-content:center}.dropdown-container,.toggle-group{display:flex}}.button-class,button{max-width:100%;overflow-wrap:break-word;white-space:normal}
/*# sourceMappingURL=main.a19d5305.css.map*/