.Home{scrollbar-width:none;-ms-overflow-style:none}.Home::-webkit-scrollbar{display:none}.Home .banner-container{justify-content:center;height:90svh;display:flex;position:relative;overflow:hidden}.Home .banner-container .banner{object-fit:cover;min-width:100%;height:100%}.Home .banner-container .BbyButton{margin:15px;position:absolute;bottom:0}.Home .page-section{margin:9vh var(--page-margin);margin:9svh var(--page-margin)}.Home .page-section.center{text-align:center;flex-direction:column;align-items:center;display:flex}.Home .page-section:has(.BbyScroll){margin-right:0}
.stream-links{grid-template-columns:repeat(8,1fr);gap:max(10px,1vw);width:100%;margin-top:30px;display:grid}@media only screen and (max-width:800px){.stream-links{grid-template-columns:repeat(4,1fr);max-width:400px}}@media (hover:hover) and (pointer:fine){.stream-links a:hover .stream-img{scale:.95}}.stream-links .stream-img{object-fit:contain;border-radius:25%;width:100%;transition:scale .15s}
.BbyButton{background:var(--prim-color);color:#fff;text-transform:uppercase;border:none;border-radius:20px;width:min(100%,200px);height:40px;font-size:.85em;transition:background-color .15s}.BbyButton.disabled{pointer-events:none;background-color:#c86363}.BbyButton.outline{border:2px solid var(--prim-color);color:var(--prim-color);background-color:#0000}@media (hover:hover) and (pointer:fine){.BbyButton:hover{background-color:var(--prim-color-hover);cursor:pointer}.BbyButton:hover.outline{border-color:var(--prim-color-hover);color:#fff}}
.BbyModal{--text-color:black;pointer-events:none;z-index:1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.BbyModal .modal-background,.BbyModal .modal-container{opacity:0}.BbyModal .modal-background{background-color:#000000ad;width:100%;height:100%}.BbyModal .modal-container{background-color:var(--cream-background);width:min(1000px,90%);min-height:min(260px,80%);max-height:min(500px,90%);color:var(--text-color);box-sizing:border-box;flex-direction:column;justify-content:space-around;align-items:center;padding:max(25px,5svh);display:flex;position:absolute;box-shadow:0 0 30px 1px #000000b0}.BbyModal .modal-container .content-container{scrollbar-width:none;-ms-overflow-style:none;overflow:scroll}.BbyModal .modal-container .content-container::-webkit-scrollbar{display:none}.BbyModal .modal-container .header{text-align:center;width:100%}.BbyModal .modal-container .header .close-button{cursor:pointer;width:fit-content;height:fit-content;margin-left:auto}@media (hover:hover) and (pointer:fine){.BbyModal .modal-container .header .close-button:hover{transition:transform .15s;transform:scale(1.1)}}.BbyModal.show .modal-background,.BbyModal.show .modal-container{opacity:1;pointer-events:all;transition:opacity .2s}
.Header{--header-height:60px}.Header .nav-bar{width:100%;padding:20px var(--page-margin);box-sizing:border-box;height:var(--header-height);background-color:#000;justify-content:space-between;padding-bottom:5px;display:flex;position:fixed;top:0}.Header .nav-bar h1{margin:0;font-size:2.5em;font-style:italic;line-height:.98em}.Header .list-menu{list-style-type:none}.Header .list-menu.horizontal{grid-template-columns:repeat(6,auto);column-gap:max(20px,4vw);display:grid}.Header .list-menu.horizontal li{font-size:1.1em}.Header .list-menu.vertical{opacity:0;pointer-events:none;box-sizing:border-box;flex-direction:column;justify-content:space-around;align-items:center;height:100%;padding:10% 0;display:flex}.Header .list-menu.vertical li{font-size:23px}.Header .list-menu li{text-transform:uppercase;font-family:var(--header-font);align-items:flex-end;display:flex}.Header h1,.Header li{cursor:pointer;transition:color .15s}.Header .burger .BbySvg{cursor:pointer;transition:transform .15s}.Header .burger,.Header .menu-overlay{pointer-events:none;display:none}.Header .menu-overlay{top:var(--header-height);background-color:#000;transition:transform .4s;position:fixed;bottom:0;left:0;right:0;transform:translateY(-100%)}.Header .menu-overlay.open{transition:transform .2s;transform:translateY(0)}@media only screen and (max-width:725px){.Header .nav-bar{align-items:center}.Header .list-menu.horizontal{pointer-events:none;display:none}.Header .list-menu.vertical{opacity:1;pointer-events:initial}.Header .burger,.Header .menu-overlay{display:initial;pointer-events:initial}}@media (hover:hover) and (pointer:fine){.Header h1:hover,.Header li:hover{color:var(--sec-color)}.Header .burger .BbySvg:hover{transform:scale(1.1)}}
.ScrollIndicator{box-sizing:border-box;justify-content:center;width:100%;height:10vh;padding-top:2vh;display:flex}.ScrollIndicator .arrow-down{opacity:.4;cursor:pointer;border:25px solid #0000;border-top:18px solid #88b1c4;border-bottom-width:0;width:0;height:0;animation:.6s ease-in-out infinite alternate downFade}@keyframes downFade{0%{opacity:.4;transform:translateY(0)}to{opacity:1;transform:translateY(.4em)}}
.Releases .BbyScroll{--origin-item-width:65vw;--item-ratio-w:1;--item-ratio-h:1}.Releases .album-img{object-fit:contain;width:100%;display:block}
.BbyScroll{--item-ratio-w:16;--item-ratio-h:9;--origin-item-width:65vw;--item-min-width:100px;--item-width-decrease:0;--item-width:calc(var(--origin-item-width) - (var(--origin-item-width) / 100 * var(--item-width-decrease)))}.BbyScroll .scroll-header{justify-content:space-between;align-items:center;display:flex}.BbyScroll .scroll-header .scroll-arrows{margin-right:var(--page-margin);justify-content:space-between;display:flex}.BbyScroll .scroll-header .scroll-arrows .BbySvg{cursor:pointer;transition:color .15s}.BbyScroll .scroll-container{scrollbar-width:none;-ms-overflow-style:none;height:calc(max(var(--item-width),var(--item-min-width))/var(--item-ratio-w)*var(--item-ratio-h) + 102px);gap:10px;padding-right:15px;display:flex;overflow:scroll hidden}.BbyScroll .scroll-container::-webkit-scrollbar{display:none}.BbyScroll .scroll-container .scroll-item{min-width:var(--item-min-width);width:var(--item-width);box-sizing:border-box;cursor:pointer;padding:5px;transition:background-color .15s}.BbyScroll .scroll-container .scroll-item label{cursor:inherit}.BbyScroll .scroll-container a{text-decoration:none}.BbyScroll .scroll-container .fetch-error{color:#448eb0;flex-grow:1;justify-content:center;align-items:center;display:flex}@media only screen and (min-width:650px){.BbyScroll{--item-width-decrease:38}}@media only screen and (min-width:900px){.BbyScroll{--item-width-decrease:57}}@media only screen and (min-width:1300px){.BbyScroll{--item-width-decrease:69}}@media (hover:hover) and (pointer:fine){.BbyScroll .scroll-arrows .BbySvg:hover{color:var(--sec-color)}.BbyScroll .scroll-item:hover{background-color:#212121}}
.BbyLoader{flex-grow:1;justify-content:center;align-items:center;animation:.15s fade-in;display:flex}.BbyLoader .loader{aspect-ratio:1;--_m:conic-gradient(#0000 10%,#000), linear-gradient(#000 0 0) content-box;width:50px;-webkit-mask:var(--_m);-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;background:#7ea5b7;border-radius:50%;padding:8px;animation:1.5s linear 1s infinite l3;-webkit-mask-composite:source-out;mask-composite:subtract}.BbyLoader .loader.medium{width:40px;padding:6px}.BbyLoader .loader.small{width:30px;padding:5px}@keyframes l3{to{transform:rotate(1turn)}}
.Videos .BbyScroll{--origin-item-width:85vw;--item-min-width:366px}.Videos .scroll-item iframe{aspect-ratio:16/9;border:none;width:100%;display:block}.Videos .scroll-item iframe .ytp-chrome-top{display:none}
.Shows{flex-direction:column;min-height:10vh;display:flex}.Shows .shows-calendar,.Shows .placeholder{font-family:var(--paragraph-font);text-transform:uppercase;animation:.2s fade-in}.Shows .shows-calendar{color:#f31919;grid-template-columns:20px auto auto 1fr 20px;line-height:1.3em;display:grid}.Shows .shows-calendar>*{padding:10px var(--page-margin);border-bottom:1px solid #f31919}.Shows .shows-calendar>.delete-button{color:#fff;justify-content:center;align-items:center;padding:10px 0;display:flex}.Shows .shows-calendar>.delete-button .BbySvg{cursor:pointer;width:20px;height:20px}@media (hover:hover) and (pointer:fine){.Shows .shows-calendar>.delete-button .BbySvg:hover{transition:transform .15s;transform:scale(1.1)}}.Shows .shows-calendar>.link{text-align:right}.Shows .placeholder{color:var(--sec-color);border-bottom:1px solid;padding-bottom:5px}.Shows .edit-toggle{color:var(--sec-color);align-items:center;gap:10px;margin:20px 0;display:flex}.Shows .BbyModal .content-container{justify-content:center;gap:10px;width:100%;display:flex}
.BbyToggle{cursor:pointer;background-color:#c5c3c3;border-radius:50px;justify-content:center;align-items:center;width:60px;height:22px;transition:all .3s;display:flex;position:relative}.BbyToggle .switch{background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;top:2px;left:2px;box-shadow:0 3px 6px #00000029}.BbyToggle.checked{background-color:var(--sec-color)}.BbyToggle.checked .switch{transform:translate(38px)}
.ShowCreator .edit-mode{flex-direction:column;gap:20px;animation:.2s fade-in;display:flex}.ShowCreator .edit-mode .edit-form{grid-template-columns:auto 1fr;gap:20px;display:grid}.ShowCreator .edit-mode .edit-form input{margin-bottom:0}.ShowCreator .edit-mode .edit-form input[type=date],.ShowCreator .edit-mode .edit-form input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.ShowCreator .edit-mode .edit-form input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}.ShowCreator .edit-mode .edit-form input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer}.ShowCreator .edit-mode .edit-form label.required:after{content:" *";color:red}.ShowCreator .edit-mode .editing-buttons{gap:10px;display:flex}.ShowCreator .edit-mode .editing-buttons .BbyButton{width:80px}
.BbyInput{--inactive-color:#717171;border:none;border-bottom:2px solid var(--inactive-color);width:100%;height:30px;color:var(--text-color);background-color:#0000;border-radius:0;margin-bottom:20px;font-size:1em}.BbyInput::placeholder{color:var(--inactive-color)}.BbyInput:focus-visible,.BbyInput:not(:placeholder-shown){border-color:var(--text-color)}.BbyInput:focus-visible{outline-style:none}
.Footer .contact-container,.Footer .title-container{background-color:#6da4bb;background-image:url(../media/footer-background.11kjd9b0ax100.webp);background-repeat:round}.Footer .contact-container{width:100%;padding:8vh calc(2*var(--page-margin));padding:8svh calc(2*var(--page-margin));box-sizing:border-box;padding-bottom:3svh}.Footer .contact-container .artist-footer{flex-wrap:wrap;gap:max(10%,20px) max(10%,40px);display:flex}.Footer .contact-container .artist-footer h3{margin:20px 0}.Footer .contact-container .artist-footer .some{flex:1;justify-content:flex-end;align-items:flex-end;gap:max(1vw,10px);display:flex}.Footer .contact-container .creator-footer{text-wrap:balance;justify-content:space-between;align-items:center;margin-top:5svh;font-size:.9em;display:flex}.Footer .contact-container .creator-footer p{text-align:right;margin:0}.Footer .contact-container .BbySvg{cursor:pointer}.Footer .title-container{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:flex-end;width:calc(100% + 20px);height:100px;display:flex;transform:translate(-20px)}.Footer .title-container h2{letter-spacing:5px;margin:0;font-size:19vw;font-style:italic;font-weight:400;line-height:min(51px,10vw)}@media only screen and (min-width:550px){.Footer .title-container{width:100%;padding:0 var(--page-margin);box-sizing:border-box;justify-content:flex-end}.Footer .title-container h2{font-size:100px}}@media (hover:hover) and (pointer:fine){.Footer .contact-container .BbySvg:hover,.Footer .contact-container a:hover{color:#385d70;transition:color .15s}}
.Legal p{margin-bottom:25px}
.Login{flex-direction:column;height:210px;display:flex}.Login .logged-in h3{line-break:anywhere;margin-bottom:10px}.Login .logged-out,.Login .BbyInput,.Login .BbyButton{align-self:center}.Login .BbyInput{--inactive-color:#8f8f8f;width:min(100%,400px)}.Login .load-container{flex:1;align-items:flex-end;margin-bottom:20px;display:flex}
.BbyToastList{pointer-events:none;z-index:1;flex-direction:column;align-items:center;gap:10px;margin:20px;display:flex;position:fixed;top:0;left:0;right:0}.BbyToastList .BbyToast{background-color:var(--cream-background);box-sizing:border-box;cursor:pointer;pointer-events:all;border-radius:20px;align-items:center;gap:5px;width:fit-content;max-width:100%;padding:10px 25px 10px 20px;animation:.2s fade-in;display:flex;box-shadow:0 0 10px 1px #000000b0}.BbyToastList .BbyToast svg{scale:.9}.BbyToastList .BbyToast p{color:#000}.BbyToastList .BbyToast.hide{opacity:0;transition:opacity .2s}
.EmailSignup{flex-direction:column;align-items:center;width:min(100%,300px);display:flex}.EmailSignup .feedback-container{width:100%;color:var(--sec-color);justify-content:center;display:flex;position:relative}.EmailSignup .feedback-container .BbyLoader,.EmailSignup .feedback-container p{margin:10px 0;animation:.15s fade-in;position:absolute}