body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-page{box-sizing:border-box;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem 1rem}.login-page,.login-wrapper{align-items:center;display:flex;position:relative;width:100%}.login-wrapper{animation:login-fade-in .32s ease-out both;background-color:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-brand);color:var(--color-text);flex-direction:column;max-width:420px;padding:4rem 3rem;text-align:center;z-index:1}.login-wrapper h1{font-family:var(--font-display);font-size:2rem;line-height:1.15;margin:0 0 .75rem}.login-wrapper p{color:var(--color-text-muted);font-size:1rem;line-height:1.5;margin:0 0 2rem}.auth_bttn{background:var(--color-brand);border:none;border-radius:var(--radius-button);color:#fff;cursor:pointer;font-size:1.05rem;font-weight:600;padding:.875rem 2rem;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);width:100%}.auth_bttn:hover{background:var(--color-brand-hover);box-shadow:var(--shadow-brand)}.auth_bttn:focus-visible{outline:2px solid var(--color-brand-hover);outline-offset:3px}.auth_bttn:active{transform:translateY(1px)}.auth_bttn:disabled{cursor:not-allowed;opacity:.6}.login-trust{color:var(--color-text-muted);font-size:.8rem;margin:1rem 0 0}.login-error{color:var(--color-danger);font-size:.95rem;margin:0}@keyframes login-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.login-wrapper{padding:2rem 1.5rem}.login-wrapper h1{font-size:1.6rem}}@media (prefers-reduced-motion:reduce){.auth_bttn,.login-wrapper{animation:none;transition:none}}.album-cards{align-items:center;background-color:#f9f9f9;border-radius:5%;box-shadow:0 .125rem .3125rem rgba(0,0,0,.373);cursor:pointer;display:flex;flex-direction:column;height:24rem;overflow:hidden;padding:.625rem;position:relative;transition:transform .2s,box-shadow .2s;width:24rem}.album-cards:hover{box-shadow:0 .25rem .625rem #6a6a6a40;transform:translateY(-.3125rem)}.album-cards img{border-radius:5%;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.album-info{background-color:rgba(7,7,7,.708);border-radius:5%;display:none;height:100%}.album-cards:hover .album-info{display:flex;opacity:1;transform:translateY(0)}.album-info h3{font-size:1rem;margin:.3125rem 0}.album-info h4{font-size:.875rem;margin:.3125rem 0}.edit-button,.record-button{align-items:center;display:flex;justify-content:center}.record-button{-webkit-appearance:none;appearance:none;background-color:#0000002b;border:.2rem solid #fff;border-radius:1rem;box-sizing:border-box;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;height:3.75rem;margin:2rem;outline:none;padding:1rem;text-align:center;text-decoration:none;touch-action:manipulation;transition:all .3s cubic-bezier(.23,1,.32,1);user-select:none;-webkit-user-select:none;width:7rem;width:8rem;will-change:transform}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:ease;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-slides-offset-before);margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{-webkit-margin-end:var(--swiper-slides-offset-after);margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-slides-offset-before);margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{-webkit-margin-after:var(--swiper-slides-offset-after);margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-theme-color);color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:44px;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:44px;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{fill:currentColor;height:100%;object-fit:contain;pointer-events:none;transform-origin:center;width:100%}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:-22px;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:50%;top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:4px;left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.swiper-button-next{left:auto;right:4px;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:-22px;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:50%;top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:4px;left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:4px;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:50%;left:var(--swiper-navigation-top-offset,50%);margin-left:-22px;margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:4px;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:4px;bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(90deg)}}}.landing-page{align-items:center;display:flex;flex-direction:column;min-height:100vh;padding-top:2.25rem;position:relative;width:100vw;z-index:1}.filters{display:flex;gap:.625rem;justify-content:space-between;margin-bottom:1.25rem;width:90vw}.filters input,.filters select{border-radius:.5rem;box-shadow:0 0 1em 0 #0003;font-size:1rem;padding:.625rem}.loading-message,label{color:#fff}input{width:15rem}select{width:-webkit-max-content;width:max-content}.genre-row{margin-bottom:1.5rem;max-width:75rem;width:90vw}.genre-heading{color:#fff;font-size:1.5rem;margin:0 0 .25rem;padding-left:.5rem;text-transform:capitalize}.genre-row-placeholder{align-items:center;display:flex;min-height:24rem;padding-left:.5rem}.album-carousel{max-width:96rem;padding:3rem 0;width:100%}.album-slide{display:flex;justify-content:center;width:25rem}.album-carousel .swiper-button-next,.album-carousel .swiper-button-prev{color:#fff}.search-container{position:relative}.search-view{max-width:75rem;width:90vw}.search-results-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));justify-items:center;padding:1rem 0}.browse-view{max-width:75rem;width:90vw}.browse-heading{color:#fff;font-size:1.5rem;margin:0 0 .25rem;padding-left:.5rem;text-transform:capitalize}@media (max-width:48rem){.filters{flex-direction:column;justify-content:center}input{width:60%}select{width:65%}}.record-page{align-items:center;background-color:rgba(7,7,7,.708);display:flex;flex-direction:column;font-family:Roobert,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;height:100vh;padding:1.25rem;position:relative;width:100vw;z-index:1}.image-container{background-color:#fff;border-radius:.5rem;box-shadow:0 3px 8px #0000003d;margin-bottom:1.25rem;max-width:22.5rem;padding:3rem;position:relative}.record-page img{transition:transform .3s ease;width:100%}.album-info{align-items:center;background-color:#000000e6;border-radius:.5rem;color:#fff;display:flex;flex-direction:column;height:95%;justify-content:center;left:0;opacity:0;padding:.625rem;position:absolute;text-align:center;top:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease;width:100%}.image-container:hover .album-info{opacity:1;transform:translateY(0)}.image-container:hover img{transform:scale(1.05)}.record-page h1,.record-page h2{margin:.625rem 0}.record-page p{margin:.3125rem 0}.record-page iframe{background-color:#fff;border-radius:.5rem;margin-bottom:3rem;margin-top:1.25rem;padding:2rem}.album-info h1{font-size:1.5rem;margin:.3125rem 0}.album-info h2{font-size:1rem;margin:.3125rem 0}.album-info p{font-size:.875rem;margin:.3125rem 0}.buttons-container{display:flex;justify-content:space-between}button{-webkit-appearance:none;appearance:none;background-color:#600ccf;border:none;border-radius:.5rem;box-sizing:border-box;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;line-height:normal;margin:1rem;min-height:2rem;min-width:0;outline:none;padding:1rem;text-align:center;text-decoration:none;touch-action:manipulation;transition:all .3s cubic-bezier(.23,1,.32,1);user-select:none;-webkit-user-select:none;width:10rem;will-change:transform}button:disabled{pointer-events:none}button:hover{box-shadow:0 8px 15px #00000040;transform:translateY(-2px)}button:active{box-shadow:none;transform:translateY(0)}.header{align-items:center;background-color:#000;color:#fff;display:flex;height:10vh;justify-content:space-between;padding:0 2rem}.header-link{color:#010101;text-decoration:none}.logo{color:#fff}.hamburger-button{background:none;border:2px solid #600ccf;cursor:pointer;display:flex;flex-direction:column;gap:.38rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bar{background-color:#600ccf;border-radius:.2rem;height:.3rem;width:2.5rem}.dropdown{background-color:#1f1d1d;border-radius:5px;box-shadow:0 4px 8px #0003;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding-bottom:1rem;position:absolute;right:20px;top:10rem;transform:translateY(-7.8%);width:20rem;z-index:1000}.dropdown-list{list-style:none;margin:0;padding:0}.dropdown-item{padding:1rem}.dropdown-item a{color:#fff;font-size:1.5rem;text-decoration:none}.dropdown-item:hover{background-color:#ffffff1a;.dropdown-item a{color:#600ccf}}.dropdown-item-profile{padding:1rem}.dropdown-item a:hover{color:#600ccf}.profile{color:#fff;display:flex;p{color:#fff}img{height:3.5rem;margin:.75rem}}.footer{align-items:center;background-color:#000;color:#fff;display:flex;flex-direction:column;height:7rem;justify-content:center;padding:.5rem}.created-by{font-size:1rem;margin:top 2rem}.name{font-size:1rem;margin-right:1rem}.name:hover{text-shadow:0 0 10px rgba(246,32,21,.805)}.info-section{align-items:flex-start;display:flex;gap:2rem;justify-content:center}.person{align-items:center;display:flex;text-align:center}.person img{background-color:#fff;border-radius:100%;height:auto;width:2rem}.github-link,.linkedin-link{color:red;margin-right:.7rem;text-decoration:none;transition:.3s ease}.github-link:hover,.linkedin-link:hover{color:red;transform:scale(1.3);transition:.5s}@media screen and (max-width:48rem){.created-by{font-size:1.3rem}.name{font-size:1rem}.person img{width:1.8rem}.github,.linkedin{display:none}}@media screen and (max-width:38rem){.created-by{font-size:1.1rem;margin-top:1.5rem}.name{font-size:1.1rem;margin-right:.5rem}.info-section{align-items:center;flex-direction:column;gap:1rem}.person img{margin-bottom:.3rem;width:1.5rem}.github-link,.linkedin-link{margin-right:.5rem}}.add-stack{position:relavtive;z-index:1}.add-stack h1{color:#fff;text-align:center}.add-stack input[type=date],.add-stack input[type=number],.add-stack input[type=text],.add-stack input[type=url]{padding:.5rem;width:100%}.add-stack button{background-color:#600ccf;border:none;color:#fff;cursor:pointer;margin-top:1.25rem;padding:.75rem}.add-stack .error{color:red;margin-top:.75rem}.add-stack .field-error{color:red;font-size:.85em;grid-column:1/-1;justify-self:end;margin-top:.25rem;text-align:right}.add-stack-form{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:auto 1fr;margin:2rem}label{margin-right:1em}input{border:none;border-radius:5px}.input-group{align-items:baseline;display:grid;grid-column:1/-1;grid-template-columns:subgrid;justify-items:end}sub{color:red;font-size:1.2em;vertical-align:25%}.required-text{color:#fff;transform:translate(-5%,22%)}input[type=checkbox]{height:2em;justify-items:start;padding:2em;transform:translateY(20%)}.my-stack-gallery{align-items:center;display:flex;flex-direction:column}.my-stack-title{color:#fff;justify-items:center;text-decoration:underline}.my-stack-wrapper{gap:1rem}.my-stack-wrapper,.nav-wrap{align-items:center;display:flex;flex-direction:column}.nav-wrap{justify-content:center;padding:3rem}.back-to-main{margin-top:2rem}p{color:red}.main-gallery-link{color:#fff;text-decoration:none}@media (max-width:64rem){.my-stack-wrapper{grid-template-columns:repeat(2,1fr)}}@media (max-width:48rem){.my-stack-wrapper{grid-template-columns:repeat(1,1fr)}.nav-wrap{padding:1rem}p{font-size:1.25rem}}.admin-users-page{margin:0 auto;max-width:900px;padding:2rem;position:relative;z-index:1}.admin-users-page h1{color:red;margin-bottom:1.5rem}.users-table{border-collapse:collapse;flex:start 1;width:100%}.users-table td,.users-table th{border-bottom:1px solid #ccc;padding:.75rem 1rem;text-align:left}.users-table th{background-color:#f4f4f4;font-weight:700}.users-table tr{background-color:#f9f9f9}.users-table select{border:1px solid #ccc;border-radius:4px;padding:.3rem .5rem}.admin-error{color:red;margin-top:1rem}:root{--color-bg:#000;--color-surface:#0a0a0a;--color-text:#fff;--color-text-muted:#ffffffa6;--color-brand:#600ccf;--color-brand-hover:#7a1ee8;--color-brand-glow:#5f0ed080;--color-danger:#ff6b6b;--radius-card:16px;--radius-button:8px;--shadow-brand:20px 20px 60px var(--color-brand-glow);--transition-fast:150ms ease;--font-body:Arial,sans-serif;--font-display:Georgia,"Times New Roman",serif}.app{align-items:center;background-color:#000;background-color:var(--color-bg);display:flex;font-family:Arial,sans-serif;font-family:var(--font-body);justify-content:center;min-height:100vh;position:relative}.app-particles{inset:0;position:absolute;z-index:0}
/*# sourceMappingURL=main.52a60192.css.map*/