@charset "UTF-8";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Avenir,Nunito Sans,sans-serif;margin:0}.bg-img{bottom:0;left:0;position:fixed;right:0;top:0;width:100%;z-index:-99;.bg-img-file{height:100%;object-fit:cover;width:100%}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}pre{font-family:Noto Sans,sans-serif}.zen-dots-regular{font-family:Zen Dots,serif;font-style:normal;font-weight:400}h1{font-size:28px}h2{font-size:20px}h3{font-size:16px}h4{font-size:14px}h5{font-size:12px}h6{font-size:10px}:root{--deep-blue:#04385d;--deep-blue-50:#04385d80;--deep-blue-20:#04385d33;--deep-blue-10:#04385d1a;--ocean-blue:#1d599c;--ocean-blue-50:#1d599c80;--ocean-blue-20:#1d599c33;--ocean-blue-10:#1d599c1a;--cyan:#00dfeb;--cyan-50:#00dfeb80;--cyan-20:#00dfeb33;--cyan-10:#00dfeb1a;--cliff-brown:#b58b4a;--sand-beige:#f4e3c1;--sand-beige-50:#f4e3c180;--sand-beige-20:#f4e3c133;--sand-beige-10:#f4e3c11a;--stone-grey:#a9a9a9;--black-05:#0000000d;--black-10:#0000001a;--black-20:#0003;--black-50:#00000080;--black-75:#000000bf;--main-blue:#1d599c;--header-bg:#012948cc;--text-grey:#ffffff80;--faded-white:#fffc;--red:#f47171;--dark-blue:#012948;--dark-blue-75:#012948bf;--dark-blue-50:#01294880;--dark-blue-20:#01294833;--acc-blue:#0094d4;--acc-blue-50:#007aff14;--bubble-pill-inset:inset 3px 9px 22px -9px #007bff;--error:#ff7e7e;--success:#52a73a;--text-xxl:28px;--text-xl:24px;--text-lg:20px;--text-base:18px;--text-md:16px;--text-sm:14px;--text-xs:12px;--gold:#f7b03e}@media (max-width:820px){:root{--text-xxl:24px;--text-xl:20px;--text-lg:16px;--text-base:14px;--text-md:13px;--text-sm:12px;--text-xs:10px}.user-image{background-color:#fff3;border-radius:100%;max-height:30px!important;min-width:30px!important;width:30px!important;img{border-radius:100%;height:30px!important;width:30px!important}}}*{color:#ffffffbf;font-family:Avenir,Nunito Sans,sans-serif}* p{margin:8px 0}* span{font-family:Avenir,Nunito Sans,sans-serif;font-size:12px;font-size:var(--text-xs)}* button{background-color:initial;border:none}* hr{border:.25px solid;color:#0094d4;color:var(--acc-blue);margin:12px 0;opacity:15%;width:100%}.tab,button,link{cursor:pointer}Header{background-color:#0000001a;background-color:var(--black-10);left:0;position:fixed;right:0;top:0;z-index:2}.App{margin:0 auto}.component{padding:8px 0}.user-image{background-color:#fff3;border-radius:100%;max-height:50px;min-width:50px;width:50px;img{border-radius:100%;height:50px;width:50px}}.form-input-field{align-items:start;display:flex;flex-direction:column;.input-date-with-label,.input-dropdown-with-label,.input-with-label{background-color:initial;border:0;border-bottom:1px solid #0094d4;border-bottom:1px solid var(--acc-blue);color:#fff;margin:0 0 24px;outline:none}.input-with-label{padding:12px 16px;width:90%}.input-with-label::placeholder{color:#ffffff50}.input-dropdown-with-label{color:#ffffff50;padding:12px 16px;width:95%}.input-date-with-label{padding:12px 16px;width:90%;& .datepicker{background-color:initial;border:none;font-family:Noto Sans,system-ui;outline:none;padding:0 16px}}}.input-fileuploader{background-color:initial;border:1px solid #0094d4;border:1px solid var(--acc-blue);border-radius:4px;color:#fff;margin:12px 0;padding:12px 16px;width:92%}.no-label-input{width:95%}.datepicker,.no-label-input{background-color:initial;border:0;border-bottom:1px solid #0094d4;border-bottom:1px solid var(--acc-blue);color:#fff;font-size:16px;font-size:var(--text-md);margin:0;outline:none}.text-box-container{.text-box{background-color:initial;border:1px solid #0094d4;border:1px solid var(--acc-blue);border-radius:4px;color:#fff;font-size:16px;font-size:var(--text-md);outline:none;padding:12px 8px;width:95%}}.form-input-radiobtn{.radiobtn-option{.radiobtn-dot{color:#00dfeb;color:var(--cyan)}}}textarea{background:#0000;border:none;color:#fff;font-family:Noto Sans,system-ui;font-size:16px;font-size:var(--text-md);height:fit-content;outline:none;overflow:auto;resize:none;width:100%}.user-handle{font-weight:700;width:fit-content}.post-compose-box{font-size:16px;font-size:var(--text-md);padding:16px 0 0;position:relative}& .hover-tooltip{background-color:#012948;background-color:var(--dark-blue);border-radius:4px;left:0;padding:8px;position:absolute;top:100%;z-index:50;& .hkey{color:#fff;font-size:14px;font-size:var(--text-sm);padding:2px 0;text-align:start}}& .active-bubble{align-items:center;animation:fadeSlideDown .3s ease-out forwards;background:#0000;border-radius:8px 8px 0 0;border-top:2px solid #b58b4a;display:flex;flex-direction:row;gap:8px;height:fit-content;justify-content:space-between;padding:12px;& .left-texts{display:flex;gap:8px;& .text{color:#ffffff80;color:var(--text-grey);font-size:16px;font-size:var(--text-md);margin:auto 0}}& .right-texts{margin:auto 0}}input[type=date]::-webkit-calendar-picker-indicator{display:none}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeSlideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@media (max-width:431px){.post-compose-box{font-size:14px;font-size:var(--text-sm)}}@media (max-width:419px){.post-compose-box{padding:8px 0}}.account-settings{height:96vh;padding-top:30px;.account-settings-container{display:flex;height:100%;.settings-side-menu{margin:auto 24px;.sidemenu-header{font-size:var(--text-md);font-weight:700}.settings-menu-item{align-items:center;border-radius:99px;cursor:pointer;display:flex;flex-direction:row;gap:8px;margin-bottom:8px;padding:4px 16px;.menu-title{white-space:nowrap}}& .divider{display:none}}}.edit-section{margin:auto;width:50%}}@media (max-width:767px){.account-settings-container{.settings-side-menu{border-radius:0 10px 10px 0;height:fit-content;margin:auto 8px auto 0!important;padding:8px!important;.sidemenu-header{display:none}.settings-menu-item{height:40px;justify-content:center;width:20px;.menu-title{display:none}}& .divider{display:block}& hr{display:none}}.edit-section{width:70%}}}.header-web{align-items:center;display:flex;flex-direction:row;justify-content:space-between;min-height:48px;padding:16px;.live-radio-button{display:flex;gap:8px}.link{margin:auto 0;padding:0;text-decoration:none;& h5{margin:0;padding:0}}.left-col{align-items:center;display:flex;flex-direction:row;& .backbtn{margin-top:6px}& .pagetitle{font-size:var(--text-lg);font-weight:700;padding:0 8px}}.submerge-logo{height:30px;margin:auto;width:120px}.submerge-logo-min{display:none}& .header-search{--webkit-border-left:2px solid var(--dark-blue);align-items:center;border-left:2px solid var(--dark-blue);flex-direction:row;gap:8px;height:20px;margin-left:16px;min-width:20%;padding:8px 16px;.header-search-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:initial;border:none;color:#fff;font-size:var(--text-md);padding:8px;width:100%;&:focus{outline:none}::placeholder{color:var(--text-grey)}}.search-icon{margin:5px 0 0;width:fit-content}}& h5{margin:0}.right-buttons-web{align-items:center;display:flex;flex-direction:row;gap:16px;position:relative;.radio-player-header{max-width:fit-content}& .radio-switch{align-items:center;border-radius:99px;cursor:pointer;display:flex;flex-direction:row;gap:8px;height:24px;justify-content:center;padding:8px 16px;width:130px}& .toggleRadioOff{background-color:var(--deep-blue-10);border:1px solid var(--cyan-20);& .switch-icon{width:14px;& img{margin-top:2px}}& h4{margin:0}& .text-min{display:none}}& .toggleRadioOn{background-color:var(--cyan-20);border:1px solid var(--cyan);box-shadow:var(--bubble-pill-inset);& .switch-icon{width:22px;& img{margin-top:2px}}& h4{margin:0}& .text-min{display:none}}.right-button{cursor:pointer;margin:auto 0;position:relative;text-decoration:none;& .indicator{background-color:var(--acc-blue);border-radius:99px;height:8px;min-height:8px;min-width:8px;position:absolute;right:0;width:8px}}& .cart-button{& .cart-count{border-radius:99px;color:var(--cyan)}}& .notification-popup-modal{position:absolute;right:0;top:30px}}}@media (min-width:821px){.header-mobile{display:none}}@media (max-width:820px){.header-mobile{display:none}.header-web{.submerge-logo{display:none!important}.submerge-logo-min{display:block;height:20px;margin:auto;width:50px}.right-buttons-web{& .radio-switch{height:18px;padding:8px 10px;width:80px}& .toggleRadioOff{& .switch-icon{width:14px;& img{margin-top:2px}}& .text-def{display:none!important}& .text-min{display:block!important;font-size:var(--text-sm)}}& .toggleRadioOn{& .switch-icon{width:14px;& img{margin-top:2px}}& .text-def{display:none}& .text-min{display:block;font-size:var(--text-sm)}}}}}.header-suggestions{background-color:var(--dark-blue);border-radius:4px;box-shadow:0 0 22px -8px #00000080;left:0;max-height:150px;max-width:300px;overflow-y:auto;padding:4px;position:absolute;top:calc(100% + 4px);width:100%;z-index:1000}.header-suggestions .suggestion-item{align-items:center;background-color:var(--deep-blue-10);color:#fff;cursor:pointer;display:flex;gap:8px;padding:8px}.header-suggestions .suggestion-item:hover{background-color:var(--acc-blue)}.header-suggestions .suggestion-item img{border-radius:50%;height:24px;object-fit:cover;width:24px}@media (max-width:820px){.header-web{align-items:start;min-height:100px;& .right-buttons-web{margin-top:12px}}}.notification-popup{height:fit-content;& .container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--deep-blue-50);border-radius:10px;box-shadow:0 0 22px -8px #00000080;padding:12px;width:400px;& .notification-row{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:10px;& .left-aligned-content{align-items:center;display:flex;gap:12px;& .notif-thumbnail{align-items:center;background-color:var(--acc-blue);border-radius:50%;display:flex;height:50px;justify-content:center;overflow:hidden;width:50px}& .notif-avatar{border-radius:50%;height:100%;object-fit:cover;width:100%}& .notif-content{display:flex;flex-direction:column;justify-content:center;.notif-body{color:var(--text-color);font-size:var(--text-md);margin-bottom:2px}.notif-timestamp{color:var(--text-light);font-size:var(--text-sm)}}}& .right-aligned-content{align-items:center;display:flex;gap:8px;& .new-notif-indicator{background-color:var(--acc-blue);border-radius:50%;height:10px;width:10px}}}& .notification-row:last-child{border-bottom:none}}}.radio-player-component-new{animation:fadeSlideInRight .3s ease-out forwards;height:fit-content;justify-content:center;position:fixed;right:130px;top:18px;width:fit-content;z-index:1000;& .radio-player-container{align-items:center;border:1px solid var(--cyan-10);border-radius:20px;display:flex;flex-direction:row;justify-content:space-between;padding:2px 8px;position:relative;& .radio-details{align-items:center;display:flex;flex-direction:row}& .radio-player-image{animation:spin 30s linear infinite;height:20px;min-height:20px;min-width:20px;width:20px}& .radio-music-info{align-items:center;display:flex;flex-direction:row;gap:10px;padding:0 16px;& p{margin:0}& .radio-channel{align-items:center;display:flex;flex-direction:row;width:fit-content;& .radio-channel-name{color:var(--text-grey);font-size:var(--text-sm);font-weight:700}& .live-dot{background-color:var(--red);border-radius:10px;height:6px;margin:auto 4px auto 0;width:6px}}& .radio-now-playing{align-items:center;display:flex;flex-direction:row;font-size:var(--text-base);gap:8px;padding:4px 0;& p{font-size:var(--text-base)}}}& .radio-controls{align-items:center;border-radius:0 0 20px 20px;display:flex;flex-direction:row;gap:0;justify-content:center;padding:0 16px;& .skip-button{cursor:pointer}& .play-button,.stop-button{cursor:pointer;padding:6px 8px}}}}@media (max-width:1024px){.radio-player-component-new{& .radio-player-container{& .radio-music-info{& p{margin:0}& .radio-now-playing{& p{max-width:15ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}}}}}@media (max-width:820px){.radio-player-component-new{& .radio-player-container{& .radio-music-info{gap:0;& p{margin:0}& .radio-now-playing{& p,span{display:none}}}}}}@media (max-width:820px){.radio-player-component-new{right:16px;top:70px}}& .radio-switch{align-items:center;background-color:var(--deep-blue-10);border:1px solid var(--cyan-20);border-radius:99px;cursor:pointer;display:flex;flex-direction:row;gap:8px;height:24px;justify-content:center;padding:8px 16px;position:fixed;right:130px;top:18px;width:130px;z-index:3}& .toggleRadioOff{& .switch-icon{width:14px;& img{margin-top:2px}}& h4{margin:0}& .text-min{display:none}}@media (max-width:820px){& .radio-switch{display:flex;right:16px;top:70px}}.prim-button{& .btn{align-items:center;background-color:var(--deep-blue);border:1px solid var(--cyan-50);border-radius:20px;color:var(--cyan);display:flex;flex-direction:row;font-size:var(--text-sm);font-weight:700;gap:8px;height:fit-content;padding:6px 16px;width:fit-content}}.button:disabled{color:#d3d3d3;opacity:.6}.secondary-button{margin:auto 0;.btn{align-items:center;border:1px solid var(--cyan-50);border-radius:20px;color:var(--cyan);display:flex;flex-direction:row;font-size:var(--text-sm);font-weight:700;gap:8px;height:fit-content;padding:6px 16px;width:fit-content}}.tertiary-button{margin:auto 0;.btn{background-color:initial;border:none;border-radius:20px;color:var(--cyan);font-size:var(--text-sm);font-weight:700;height:fit-content;padding:6px 0;width:fit-content}}.edit-profile-information{width:100%}.edit-profile-form{background:linear-gradient(180deg,#002e5180,#00000080 50%);border-radius:20px;gap:24px;padding:32px}.profile-mobile-userphoto{border-radius:100%;box-shadow:0 0 64px 4px #419cff4d;height:100px;width:100px;& .header-avatar{background-position:50%;background-size:contain;border:.2px solid var(--main-blue);border-radius:100%;height:100px;width:100px}}.edit-input-fields-section{width:100%}.form-field{padding-bottom:24px}.label{color:var(--text-grey);font-size:var(--text-sm);font-weight:700}& .edit-input-field{background-color:initial;border:0;border-bottom:1px solid var(--acc-blue);font-size:var(--text-base);outline:#0000;padding:12px 16px 16px;width:calc(100% - 36px)}.form-buttons{display:flex;gap:16px;justify-content:end}.form-buttons .button{width:100%}.button-saved{opacity:.8;transition:opacity .3s ease-in-out}@media (min-width:821px){.edit-profile-form{display:flex}}@media (max-width:820px){.edit-profile-information{width:100%}.edit-profile-form{display:block}.profile-mobile-userphoto{margin:24px auto 48px}}.modal{background-color:#000000b3;height:100%;overflow:auto;width:100%;z-index:1000;.modal-content{background-color:#002e51;background-color:var(--page-background-color,#002e51);border-radius:12px;box-shadow:0 0 15px #0003;color:#000000b3;margin:24px;max-width:fit-content;padding:30px;text-align:center;width:80%;.modal-header{display:flex;justify-content:space-between;.title{font-size:var(--text-base);font-weight:700}}.filepond--wrapper{height:500px;width:500px}.filepond--hopper{height:100%!important}.filepond--drop-label{background-color:var(--dark-blue);height:100%}.filepond--credits{display:none}.modal-buttons{display:flex;gap:16px;justify-content:end;padding:16px 0 0;width:100%;& .button{background-color:var(--main-blue);border:1px solid var(--main-blue);border-radius:20px;font-size:var(--text-sm);font-weight:700;height:fit-content;padding:8px 16px;width:100px}}}}.close-button{background-color:initial;border:none;border-radius:50%;color:#41a0ff;cursor:pointer;font-size:28px;font-weight:700;margin:-15px -15px 0 0;outline:none;padding:0 15px;transition:background-color .3s,color .3s}.filepond--label-action{color:var(--acc-blue);cursor:pointer;font-size:16px;font-weight:600;text-decoration:none}.edit-email-password{width:100%;.edit-emailpass-form{background:linear-gradient(180deg,#002e5180,#00000080 50%);border-radius:20px;padding:24px;.form-field{padding-bottom:24px}.label{color:var(--text-grey);font-size:var(--text-sm);font-weight:700}& input{background-color:initial;border:0;border-bottom:1px solid var(--acc-blue);font-size:var(--text-base);outline:#0000;padding:0 16px 16px;width:93%}.form-buttons{display:flex;gap:16px;justify-content:flex-end}.form-buttons .button{width:50%}}}@media (min-width:821px){.edit-email-password{width:100%}.edit-emailpass-form{display:block}}@media (max-width:820px){.edit-email-password{width:100%}.edit-emailpass-form{display:block}}.no-access{color:red;font-size:36px;margin-top:240px;text-align:center}.admin{background-image:url(/static/media/sign_bg.322e7c3a1eaa4e710655.png);background-position:50%;background-repeat:no-repeat;background-size:cover;.admin-wrapper{align-items:top;display:flex;flex-direction:row;width:100%;.admin-sidemenu{left:0;overflow-y:hidden;position:fixed;z-index:100}.admin-content{width:100%;.admin-active-container{flex:1 1;margin-left:250px;margin-top:60px;padding:20px;padding:var(--spacing-md,20px);width:calc(100% - 250px);.admin-title{width:fit-content}.auth-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:32px;.input-container{background:var(--black-20);border-radius:12px;padding:16px 24px;width:40%;& .button{display:flex;justify-content:end;margin-top:16px}}}.beta-users-list{list-style:decimal}}.notifications-section{margin-bottom:40px;padding:40px 0;& .container{background:var(--black-20);border-radius:12px;padding:32px;& form{display:flex;flex-direction:column}}}}}}.admin-sidemenu{background-color:var(--black-10);width:300px;.sidemenu-container{padding:24px 16px;.menu-list{.list{list-style:none;padding:0;.menu-item{border-radius:8px;cursor:pointer;padding:16px}}}}}.upload-samplepacks{width:90%;.active-view-heading{align-items:center;display:flex;flex-direction:row;justify-content:space-between;.active-view-title{font-size:var(--text-lg);font-weight:700}}.sample-packs-list{align-items:center;background-color:var(--black-20);border-radius:4px;display:flex;flex-direction:row;justify-content:space-between;padding:8px 16px;.pack-title{font-weight:700}}.empty-state-text{margin:5% auto 0;width:fit-content}.upload-section{background-color:var(--black-10);border-radius:12px;margin:0 auto;padding:16px 24px;width:80%;.form-heading{font-size:var(--text-base);font-weight:700;margin:8px 0 16px}.upload-form{.form-subheading{font-size:var(--text-sm);font-style:italic;font-weight:700;margin:8px 0;padding:2px 4px;width:fit-content}.basic-info{align-items:start;display:flex;flex-direction:row;gap:32px;padding:16px 0;.upload-file-thumbnail{align-items:center;display:flex;flex-direction:column;gap:16px;.file-thumbnail{border-radius:10px;height:300px;min-height:300px;min-width:300px;overflow:hidden;width:300px;& img{height:100%;object-fit:cover;width:100%}}}.upload-form-fields{width:100%;.form-input-field{width:100%}.form-input-radiobtn{align-items:center;display:flex;flex-direction:row;gap:32px;input[type=radio i]{background-color:var(--cyan)!important}}}}.sample-files{.upload-file{align-items:center;background-color:var(--black-20);border-radius:4px;display:flex;flex-direction:row;justify-content:space-between;padding:8px 24px;.icon-text{align-items:center;display:flex;flex-direction:row;gap:16px;.upload-icon{margin-top:5px}}}}}.cta-submit{display:flex;flex-direction:row;gap:16px;justify-content:end;padding:12px 0}}}.checkout-page{margin:50px 0 0;min-height:94vh;padding:20px;& .main-checkout-container{display:flex;.checkout-content{border-radius:10px;display:flex;flex-direction:column;padding:20px;width:50%;.checkout-heading{align-items:center;display:flex;justify-content:space-between;& .headingtxt{font-size:var(--text-lg);font-weight:700;margin-bottom:32px}}.cart-items{display:flex;flex-direction:column;gap:24px;.cart-item{align-items:center;background-color:var(--deep-blue-20);border-radius:16px;box-shadow:-8px 8px 0 2px #00000080;display:flex;flex-direction:column;gap:15px;justify-content:space-between;padding:16px 24px;.gen-deets{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%;.img-name{align-items:center;display:flex;flex-direction:row;gap:24px;.cart-image{border-radius:8px;height:100px;object-fit:cover;width:100px;& img{height:100%;width:100%}}.cart-item-details{display:flex;flex-direction:column;& .cart-event-title{font-size:var(--text-xl);font-weight:700;margin:0}& .cart-event-date{align-items:center;display:flex;flex-direction:row;gap:8px;& p{color:var(--text-grey);font-weight:600;margin:4px 0}}}}.price-quantity-ctrl{display:flex;flex-direction:column;justify-content:flex-end;.quantity-control{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:end;& span{font-size:var(--text-md);font-weight:700}}.quantity-control button{background-color:var(--cyan-50);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:var(--text-md);font-weight:700;height:30px;width:30px}}}.total-price-row{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%;& .total-price{font-size:var(--text-base);font-weight:bolder;margin:0}}.checkout-footer{align-items:center;display:flex;justify-content:end;width:100%;.footer-actions{display:flex;flex-direction:row;gap:32px}}}.empty-cart{margin:20px 0;text-align:center}}}.payment-deets-modal{margin:32px auto;width:40%;& .billing-and-payment{& .billing-heading{font-size:var(--text-md);font-weight:700}& .billing-form{background-color:var(--black-20);border:1px solid var(--cyan-20);border-radius:12px;margin:24px 0 32px;padding:24px;& .rowfield{align-items:center;display:flex;flex-direction:row;gap:32px;& .form-input-field{width:50%}}}}.payment-modal-overlay{.payment-modal-content{.cta-payment{display:flex;flex-direction:row;justify-content:space-between;padding:24px 0;.prim-button{align-items:center;background-color:var(--deep-blue);border:1px solid var(--cyan-50);border-radius:20px;color:var(--cyan);display:flex;flex-direction:row;font-size:var(--text-sm);font-weight:700;gap:8px;height:fit-content;padding:6px 16px;width:fit-content}}}}}}}.contact-us-page{.lpbg{bottom:0;left:0;position:fixed;right:0;top:0;width:100%;z-index:-98;& img{height:100%;object-fit:cover;width:100%}}.contact-us-main{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:auto;padding-top:60px;width:33%;& .submerge-logo{width:200px;& img{width:100%}}.contact-us-form{background-color:var(--black-20);border:1px solid var(--cyan-50);border-radius:16px;margin-top:5%;padding:24px;width:90%;& .cu-input-field{padding-bottom:18px;& input{background-color:initial;border:0;border-bottom:1px solid var(--acc-blue);outline:#0000;padding:12px 16px 16px;width:92%}& input,& textarea{font-size:var(--text-base)}& textarea{padding:16px}}}& .success-msg{align-items:center;background:var(--black-10);border-radius:12px;display:flex;flex-direction:row;gap:16px;margin-top:5%;padding:16px;.texts{& p{margin:0}& .success-heading{font-weight:800}}}}}@media (max-width:1024px){.contact-us-page{.contact-us-main{width:80%}}}.error-404-page{.bg-img{bottom:0;left:0;position:fixed;right:0;top:0;width:100%;z-index:-98;& img{height:100%;object-fit:cover;width:100%}}& .inner-content{margin-top:5%;padding:40px;.error-404-img{margin:0 auto 5%;width:30%;& img{height:100%;width:100%}}.texts{text-align:center;.heading{font-size:var(--text-xl);font-weight:700}.body{font-size:var(--text-base)}.nexpar{margin-top:3%}}.logo{margin:5% auto 0;width:200px;& .submerge-logo{width:100%}}}}body{color:var(--text-grey);font-family:Arial,sans-serif}.admin{background-color:var(--deep-blue-50);background-image:none;display:flex;min-height:100vh}.admin-title{color:var(--faded-white);font-size:var(--text-xl);font-weight:700;margin-top:20px;margin-top:var(--spacing-md,20px)}.admin-sidemenu{background-color:var(--dark-blue-50);min-height:100vh;padding:var(--spacing-md);width:250px}.sidemenu-container h3{color:var(--sand-beige);font-size:var(--text-lg);margin-bottom:var(--spacing-md)}.menu-list{margin-top:10px}.menu-item{border-radius:8px;border-radius:var(--border-radius,8px);color:var(--faded-white);cursor:pointer;padding:10px;transition:background-color .3s ease-in-out}.menu-item:hover{background-color:var(--deep-blue-20)}.menu-item.active{background-color:var(--black-20)}.event-selector{margin-bottom:var(--spacing-md)}.event-selector label{color:var(--sand-beige);display:block;font-size:var(--text-md);margin-bottom:5px}.event-selector select{background-color:var(--black-10);border:1px solid var(--black-20);border-radius:5px;color:var(--faded-white);cursor:pointer;font-size:var(--text-base);padding:8px;width:100%}.attendees-section{background-color:var(--black-10);border-radius:var(--border-radius);margin-top:var(--spacing-md);padding:var(--spacing-md)}.attendees-table,.declines-table{border-collapse:collapse;margin-top:var(--spacing-md);width:100%}.attendees-table td,.attendees-table th,.declines-table td,.declines-table th{border:1px solid var(--black-20);color:var(--faded-white);padding:8px;text-align:left}.attendees-table th,.declines-table th{background-color:var(--black-20);font-size:var(--text-md);font-weight:700}.attendees-table tr:nth-child(2n),.declines-table tr:nth-child(2n){background-color:var(--black-10)}.mention-link{color:var(--acc-blue);font-weight:700;text-decoration:none;transition:color .3s ease-in-out}.mention-link:hover{color:var(--ocean-blue)}.declines-section{background-color:var(--black-10);border-radius:var(--border-radius);margin-top:var(--spacing-md);padding:var(--spacing-md)}@media (max-width:820px){.admin{flex-direction:column;padding-top:60px}.admin-sidemenu{display:flex;justify-content:space-around;padding:10px;width:100%}.admin-container{width:100%}.menu-list{display:flex;flex-direction:row;gap:10px}.menu-item{padding:8px 12px}}.budget-container{background-color:var(--black-10);display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:space-between}.budget-container,.budget-section{border-radius:var(--border-radius);padding:var(--spacing-md)}.budget-section{background-color:var(--dark-blue-50);box-shadow:var(--shadow-light);flex:1 1;max-width:48%;min-width:300px}@media (max-width:900px){.budget-section{max-width:100%}}.budget-actions{background-color:var(--black-10);border:1px solid var(--black-20);border-radius:5px;color:var(--faded-white);cursor:pointer;font-size:var(--text-base);padding:8px;transition:background-color .3s ease-in-out;width:100%}.budget-actions:focus,.budget-actions:hover{background-color:var(--black-20)}.budget-title{color:var(--sand-beige);font-size:var(--text-lg)}.budget-table,.budget-title{margin-bottom:var(--spacing-md)}.budget-table{border-collapse:collapse;width:100%}.budget-table td,.budget-table th{border:1px solid var(--black-20);color:var(--faded-white);padding:8px;text-align:left}.budget-table th{background-color:var(--black-20);font-weight:700}.budget-table tr:nth-child(2n){background-color:var(--black-10)}.budget-input{display:flex;flex-wrap:wrap;gap:10px}.budget-input input{background-color:var(--black-10);border:1px solid var(--black-20);border-radius:var(--border-radius);color:var(--faded-white);flex:1 1;min-width:150px;padding:8px}.budget-input button{border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;min-width:80px;padding:10px;transition:background .3s ease-in-out}.budget-input button:hover{opacity:.9}.cancel-button,.save-button{border-radius:var(--border-radius);cursor:pointer;font-size:14px;padding:10px}.save-button{background-color:var(--green-500);color:#fff}.cancel-button{background-color:var(--red-500);color:#fff}.budget-row input{background-color:var(--dark-blue-50);border:1px solid var(--black-20);border-radius:5px;color:var(--faded-white);font-size:14px;padding:5px;width:100%}.budget-row input:focus{background-color:var(--black-20);border-color:var(--acc-blue);color:var(--faded-white);outline:none}.event-details-page{margin-top:20px;& .event-details-heading{align-items:top;display:flex;flex-direction:row;justify-content:space-between;padding:24px;& .grid-left{align-items:top;display:flex;flex-direction:row;.back-btn{cursor:pointer}.event-details-title{font-family:Zen Dots,serif;font-size:var(--text-xxl);margin:0 24px}}.event-actions{align-items:center;display:flex;flex-direction:row;gap:16px;& .save-event-btn{align-items:center;border:1px solid var(--cyan);border-radius:99%;display:flex;height:28px;justify-content:center;width:28px;&.animate-like{animation:pulse .3s ease}}}}& .event-deets-main{display:flex;justify-content:space-between;margin-top:24px;.event-deets-content{order:1;padding:0 82px 24px;width:50%;& .main-deets{& .deets-image{width:24px}& .deets-row{align-items:center;display:flex;flex-direction:row;gap:10px;margin-bottom:16px;& .deets-texts{padding-left:16px}& .deets-icon{opacity:50%}& .deets-image{opacity:30%}}& .deets-row-two{align-items:center;display:flex;flex-direction:row;gap:10px;& .deets-row-two-label{color:var(--text-grey);font-size:var(--text-sm);font-weight:400;margin:0}& .deets-row-two-value{font-size:var(--text-md);font-weight:200}}}& .event-deets-description{background-color:var(--black-20);border:1px solid var(--cyan-10);border-radius:12px;margin:24px 0;padding:16px 24px}& .deets-label{color:var(--text-grey);display:none;font-size:var(--text-sm);font-weight:800;margin:0}& .deets-value{font-family:Avenir,sans-serif;font-size:var(--text-base);font-weight:600;margin:0}& .event-genres{display:flex;gap:8px}& .performers-names{color:var(--sand-beige);font-family:Zen Dots,serif}}.event-poster-and-cta{align-items:center;display:flex;flex-direction:column;gap:40px;margin:0 40px;order:2;width:50%;.event-deets-poster{border-radius:12px;box-shadow:-8px 8px 0 2px #00000080;height:800px;min-height:800px;min-width:800px;width:800px;& img{border-radius:12px;height:100%;width:100%}}}.event-comments-main{.single-event-comment{align-items:top;border:.25px solid var(--cyan-20);border-radius:12px;display:flex;flex-direction:row;gap:16px;margin-bottom:16px;padding:16px;.user-avatar{border-radius:99px;height:35px;min-height:35px;min-width:35px;overflow:hidden;width:35px;img{height:100%;object-fit:cover;width:100%}}.comment-body{width:100%;.user-handle{align-items:center;display:flex;flex-direction:row;gap:12px;.user-handle-text{font-size:var(--text-md);font-weight:700;margin:8px 0 0}.comment-timestamp{color:var(--text-grey);font-size:var(--text-sm);margin:8px 0 0}}.comment-and-likes{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%;.likes-count{align-items:center;display:flex;flex-direction:row;gap:8px;min-width:fit-content}}}}.post-a-comment{align-items:center;background-color:var(--dark-blue-50);border-radius:99px;display:flex;flex-direction:row;gap:24px;justify-content:start;margin-bottom:24px;padding:8px 18px;.commenter-image{border-radius:99px;height:35px;min-height:35px;min-width:35px;overflow:hidden;width:35px;img{height:100%;object-fit:cover;width:100%}}.write-comment{align-items:center;display:flex;flex-direction:row;gap:16px;width:100%;.char-count{color:var(--text-grey);font-size:var(--text-xs);margin:auto 0;padding:0;text-align:right;width:80px}}}}}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}@media (max-width:1024px){.event-details-page{& .event-deets-main{display:flex;flex-direction:column;margin-top:0;.event-deets-content{order:2;padding:0 32px 24px;width:90%;& .main-deets{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:100%}}.event-poster-and-cta{margin:0 auto;order:1;width:94%;.event-deets-poster{box-shadow:none;margin-bottom:32px}}}}}@media (max-width:725px){.event-details-page{& .event-details-heading{display:flex;flex-direction:column;gap:16px;.event-actions{display:flex;justify-content:space-between}}}}.bubble-pill{border-radius:15px;box-shadow:var(--bubble-pill-inset);cursor:pointer;max-width:fit-content;min-width:fit-content;padding:4px 10px 8px;.bubble-text{color:#419cff;font-size:var(--text-md);font-weight:700;margin-top:-1px;width:fit-content}}.submit-event-banner{margin:40px;& .img-banner{align-items:center;background-color:var(--ocean-blue-10);border-radius:20px;display:flex;flex-direction:row;height:4vh;justify-content:space-between;padding:32px 24px;& .submerge-logo{width:150px;& img{width:100%}}& .texts{align-items:center;display:flex;flex-direction:row;gap:24px;& .banner-text{font-family:Zen Dots,serif;font-size:var(--text-base);margin:2px 0}& .banner-subtext{font-family:Avenir,Nunito Sans,sans-serif;margin:2px 0}& .banner-cta{align-self:flex-end;width:fit-content}}}}.shimmereventdetails{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:40px;& .texts{display:flex;flex-direction:column;gap:24px;order:1;.title{animation:shimmer 1s linear infinite;background:linear-gradient(-45deg,var(--black-10) 10%,var(--dark-blue-50) 50%,var(--black-10) 90%);background-position-x:100%;background-size:300%;border-radius:8px;height:50px;width:500px}.body{display:flex;flex-direction:column;gap:12px;padding-left:50px;.btn-cta,.description-box,.heading,.subtext{animation:shimmer 1s linear infinite;background:linear-gradient(-45deg,var(--black-10) 10%,var(--dark-blue-50) 50%,var(--black-10) 90%);background-position-x:100%;background-size:300%;border-radius:8px}.heading{height:15px;width:700px}.subtext{height:25px}.description-box,.subtext{margin-bottom:40px;width:700px}.description-box{height:300px}.btn-cta{height:40px;width:200px}}}& .thumbnail{animation:shimmer 1s linear infinite;background:linear-gradient(-45deg,var(--black-10) 10%,var(--dark-blue-50) 50%,var(--black-10) 90%);background-position-x:100%;background-size:300%;border-radius:8px;height:500px;order:2;width:40%}}@media (max-width:1024px){.shimmereventdetails{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding:40px;& .texts{order:2;width:100%;.title{width:100%}.body{padding-left:24px;.btn-cta,.description-box,.heading,.subtext{width:100%}}}& .thumbnail{height:500px;margin-bottom:32px;order:1;width:100%}}}.featured-events-component{padding:24px;text-align:center}.slider-container{margin:0 auto;position:relative}.carousel-container{max-width:500px;opacity:.5;position:relative;transform:scale(.8);transition:transform .3s ease,opacity .3s ease}.slick-center .carousel-container{filter:drop-shadow(0 0 4px var(--cyan-50));opacity:1;transform:scale(1);z-index:2}.poster{border-radius:10px;display:flex;height:500px;position:relative;width:500px}.poster img{border-radius:10px;height:100%;object-fit:cover;width:100%;z-index:1}.overlay{background:#00000080;border-radius:10px;bottom:0;left:0;position:absolute;right:0;top:0;z-index:2}.slick-center .overlay{display:none}.slick-next,.slick-prev{z-index:3}.slick-next:hover,.slick-prev:hover{color:#555}.slick-dots li button:before{color:#ccc}.slick-dots li.slick-active button:before{color:#000}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.events-page{padding:80px 40px;& .events-page-hero{background-image:url(/static/media/events-bg.8fab18a6cb1a403dc705.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;height:fit-content;padding:24px;& .hero-texts{& .events-header-text{font-size:36px;font-weight:700;margin:0}& .events-header-text,& .events-subheader-text{font-family:Zen Dots,serif!important;text-align:center}}}& .all-events-list{& .all-events-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:0 0 24px;.eventpage-searchbar{display:flex;width:400px}& .section-title-and-tabs{align-items:center;display:flex;flex-direction:row;gap:32px;.eventspage-tabs{align-items:center;display:flex;flex-direction:row;gap:24px;margin-top:8px;& .tab{padding:0 8px 4px;& .tab-underline{height:2px}& .tabname{font-size:var(--text-md);font-weight:600}}}}}& .all-events-content{display:flex;flex-direction:row;justify-content:space-between;.events-results{width:75%;& .all-events{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-right:32px;& .event-card-container{background-color:var(--black-50);border:1px solid var(--cyan-20);border-radius:10px;max-width:550px;overflow:hidden;& .event-card-content{& .event-card-image{height:250px;width:100%;& img{height:100%;object-fit:cover;width:100%}}& .event-card-details{display:flex;flex-direction:row;gap:16px;padding:16px;& p{margin:8px 0 0}& .event-card-date{background-color:var(--dark-blue-50);border:1px solid var(--deep-blue);border-radius:10px;height:fit-content;padding:8px 20px;width:fit-content;.event-card-month,.event-card-numdate,.event-card-year{margin:0;text-align:center}& .event-card-numdate{font-size:var(--text-xl);font-weight:bolder}& .event-card-month{font-size:var(--text-base);font-weight:700;text-transform:uppercase}& .event-card-year{font-size:var(--text-sm);font-weight:700}}.eventcard-eventname{align-items:start;display:flex;flex-direction:column;gap:4px;width:100%;& .event-title{color:var(--sand-beige);font-family:Zen Dots,serif;font-size:var(--text-base);font-weight:700;margin:0}& .event-card-button{display:flex;justify-content:space-between;width:100%;.social-counts{align-items:center;display:flex;flex-direction:row;gap:12px;.event-count{align-items:center;display:flex;flex-direction:row;gap:4px;& p{font-size:var(--text-sm);margin:0}}}}.eventcard-location{font-size:var(--text-sm);font-style:italic}}}}}}& .load-more-events{margin:32px auto 24px;width:fit-content}}& .events-side-panel{background-color:var(--black-10);border:1px solid var(--cyan-10);border-radius:12px;height:fit-content;padding:12px 24px 24px;width:350px;.panel-title{font-size:var(--text-md);font-weight:800}.events-filter-genre,.events-filter-location,.events-filter-type{.input-date,.input-dropdown{background-color:initial;border:0;border-bottom:1px solid var(--acc-blue);font-size:var(--text-base);outline:#0000;padding:12px 16px 16px;width:100%}}.filter-by-date{& .event-page-datepicker{& .react-datepicker-wrapper{width:100%}& .calendar-icon{bottom:18px;left:0;position:absolute}}}.input-event-filter-loc{background-color:initial;border:0;border-bottom:1px solid var(--acc-blue);font-size:var(--text-base);outline:#0000;padding:12px 16px 16px;width:92%}& .filter-button{align-self:center;display:flex;flex-direction:row;gap:16px;justify-content:space-between;margin:12px 4px 0}}}}}.shimmerevents{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-right:32px;.eventshimmer-item{background-color:var(--black-20);border-radius:10px;display:flex;flex-direction:column;gap:16px;padding:16px;.eventshimmer-img{animation:shimmer 1s linear infinite;background:linear-gradient(-45deg,var(--black-10) 10%,var(--dark-blue-50) 50%,var(--black-10) 90%);background-position-x:100%;background-size:300%;border-radius:8px;min-height:250px;min-width:50px}.eventshimmer-row{display:flex;flex-direction:row;gap:16px;.eventshimmer-lines{animation:shimmer 1s linear infinite;background:linear-gradient(-45deg,var(--black-10) 10%,var(--dark-blue-50) 50%,var(--black-10) 90%);background-position-x:100%;background-size:300%;border-radius:10px;height:50px;width:100%}}}}.minispinner-graphic{display:grid;place-items:center}.minispinner-spinner-ripple{height:200px;overflow:hidden;width:200px}.forgotpassword-page{background-image:url(/static/media/sign_bg.322e7c3a1eaa4e710655.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;& .container{height:100vh;padding-top:10%;& .upper-section{height:fit-content;& .logo{text-align:center;& .submerge-logo{margin:auto 0;width:500px}& .tagline{margin:auto;text-align:center}}}& .forgot-password-card{background-color:var(--black-10);border-radius:20px;margin:48px auto;padding:24px;width:400px;& .card-body{font-size:var(--text-md)}& .input-fields-section .form-field{& .form-input{background-color:initial;border:0;border-bottom:1px solid var(--cyan);font-size:var(--text-base);outline:#0000;padding:8px 16px 16px;width:90%}}& .form-btn{display:flex;justify-content:end;width:100%}}}}@media (max-width:820px){.forgotpassword-page{& .container{padding-top:20%;& .upper-section{& .logo{& .submerge-logo{margin:auto 0;width:300px}& .tagline{font-size:var(--text-md)}}}& .forgot-password-card{width:70%}}}}.landing-page{position:relative;.lpbg{bottom:0;left:0;position:fixed;right:0;top:0;width:100%;z-index:-98;& img{height:100%;object-fit:cover;width:100%}}& .landing-page-inner{align-items:center;display:flex;justify-content:center;margin-top:6%;padding-bottom:10%;.lp-heading{display:flex;flex-direction:column;height:fit-content;justify-content:center;width:40%;& .submerge-logo{width:300px;& img{width:100%}}& .tagline{font-family:Zen Dots,serif;font-size:var(--text-md);margin:0}& .body{color:var(--text-grey);font-size:var(--text-lg);margin:32px 0}& .download-button{width:120px;& img{cursor:pointer;width:100%}}& .download-buttons{align-items:center;display:flex;gap:10px}& .beta-users-button{align-items:center;display:flex;gap:8px}& .partners-logo{align-items:center;display:flex;flex-direction:row;gap:16px;padding:24px 0;& img{aspect-ratio:3/2;object-fit:contain;width:65px}}}.lp-img{align-items:center;display:flex;flex-direction:row;height:fit-content;justify-content:center;width:30%;& .img-mockup{width:350px;& img{width:100%}}}}& .lp-footer{background:linear-gradient(90deg,var(--black-10),#012c4d);bottom:0;left:0;padding:12px 0;position:fixed;right:0;z-index:99;& .footer-links{display:flex;flex-direction:row;gap:32px;justify-content:center;.footer-link{color:var(--text-grey);font-size:var(--text-md);text-decoration:none}.footer-link:hover{color:var(--ocean-blue)}}& .copyright{color:var(--text-grey);font-size:var(--text-sm);text-align:center}}}@media (max-width:1024px){.landing-page{& .landing-page-inner{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:8%;padding-bottom:20%;.lp-heading{order:2;text-align:center;width:80%;& .submerge-logo{margin:0 auto;width:200px;& img{width:100%}}& .download-button{margin:0 auto;width:120px}& .download-buttons{align-items:center;display:flex;gap:10px}& .beta-users-button{align-items:center;display:flex;gap:8px}& .partners-logo{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:center;padding:24px 0;& img{aspect-ratio:3/2;object-fit:contain;width:65px}}}.lp-img{align-items:center;display:flex;flex-direction:row;height:fit-content;justify-content:center;order:1;width:90%;& .img-mockup{width:350px;& img{width:100%}}}}}}.loading-overlay{background-color:var(--black-50);bottom:0;left:0;position:absolute;right:0;top:0;z-index:99}.loading-graphic{display:grid;height:100vh;place-items:center}@keyframes ldio-x2uulkbinc{0%{height:0;left:96px;opacity:1;top:96px;width:0}to{height:156px;left:18px;opacity:0;top:18px;width:156px}}.ldio-x2uulkbinc div{animation:ldio-x2uulkbinc 1s cubic-bezier(0,.2,.8,1) infinite;border-radius:50%;border-style:solid;border-width:4px;opacity:1;position:absolute}.ldio-x2uulkbinc div:first-child{animation-delay:0s;border-color:var(--cyan)}.ldio-x2uulkbinc div:nth-child(2){animation-delay:-.5s;border-color:var(--ocean-blue)}.loading-spinner-ripple{background:#0000;display:inline-block;height:200px;overflow:hidden;width:200px}.ldio-x2uulkbinc{backface-visibility:hidden;height:100%;position:relative;transform:translateZ(0) scale(1);transform-origin:0 0;width:100%}.ldio-x2uulkbinc div{box-sizing:initial}.mainscreen{height:89vh;overflow-y:hidden;padding:100px 16px 0;span{font-size:var(--text-sm)}.mainscreen-content{display:flex;gap:16px;justify-content:space-between;width:100%;.profile-pane{width:20%;& hr,.min-menu{display:none}}.feed{height:calc(98vh - 100px);margin-bottom:32px;overflow-x:hidden;overflow-y:auto;position:relative;scroll-behavior:smooth;width:50%;& .newsfeed-tabs{border-radius:0 0 10px 10px;display:flex;gap:16px;justify-content:space-around;margin-bottom:8px;padding:4px 0 8px;position:sticky;top:0;transition:transform .3s ease,opacity .3s ease;z-index:5;.tab-item{text-align:center;width:fit-content;& .label{padding:8px}& .tab-underline{border-radius:1px;height:2px;width:100%}& span{font-size:var(--text-md);font-weight:700;margin:0 4px}}}.newsfeed-tabs.stuck{background:linear-gradient(180deg,#012948 50%,#00000080);background:linear-gradient(180deg,#012948,#0000004d);box-shadow:0 2px 4px #0000001a;opacity:1}}.discover-people-slider{display:none}.web-right-panel{width:25%}}}@media (max-width:853px){.mainscreen{margin:150px 0 0;overflow-y:hidden;padding:0 8px;& .mainscreen-content{.profile-pane{padding:0 24px 0 0;width:fit-content;.profilepanel{display:none!important}& hr,.min-menu{display:block}}.feed{width:100%}}}}@media (max-width:820px){.mainscreen{& .mainscreen-content{.profile-pane{padding:0 8px 0 0}.web-right-panel{display:none!important}.discover-people-slider{display:block}}}}@media (max-width:541px){.mainscreen{overflow-y:auto;& .mainscreen-content{flex-direction:column;.profile-pane{align-items:center;background-color:var(--ocean-blue-10);border-radius:12px;display:flex;flex-direction:row;gap:24px;padding:0 12px;width:95%;.pages-entry-component{width:100%}.min-menu{height:fit-content}& hr{display:none}}.web-right-panel{display:none!important}.discover-people-slider{display:block}}}}.newsfeed-section{.newsfeed-section{display:flex;flex-direction:column;gap:16px;width:100%}}.newsfeed-card{font-size:var(--text-base);p{margin:0;padding-bottom:12px;width:fit-content}& .newsfeed-card-container{align-items:flex-start;display:flex;gap:16px;margin-bottom:16px}& .user-image{border-radius:50%;flex-shrink:0;height:50px;overflow:hidden;width:50px}& .user-image img{height:100%;object-fit:cover;width:100%}& .post-content{background:var(--deep-blue-10);border:1px solid var(--sand-beige-20);border-radius:10px;box-shadow:-8px 8px 0 2px #00000080;padding:16px;position:relative;width:100%;& .content-text.expanded{-webkit-line-clamp:unset;display:block;overflow:visible}& .mention-link{color:var(--acc-blue);font-weight:700;text-decoration:none}& .mention-link:hover{text-decoration:underline}& .post-actions{display:flex;justify-content:space-between;margin:20px 0 0;.post-data-count{margin:auto 0;span{color:var(--text-grey)}}.pill{display:flex;gap:8px}& .like-comment{align-items:center;background:#ffffff1a;border-radius:20px 0 10px 0;bottom:0;display:flex;flex-direction:row;gap:6px;padding:8px 12px;position:absolute;right:0}}& .comment-popup{display:flex;gap:16px;margin-bottom:42px;padding-top:16px;& textarea{background-color:var(--deep-blue-20);border-radius:99px;padding:12px 16px 0}}& .edit-post-actions{display:flex;gap:12px;button{background-color:initial;border:none;border-radius:20px;color:var(--ocean-blue);cursor:pointer;font-size:var(--text-md);font-weight:700;padding:6px 12px}button:hover{text-decoration:underline}}}.no-result{color:var(--text-grey);font-size:var(--text-md);margin:0 auto;text-align:center}.time-ago{opacity:50%;right:38px}.post-more-icon,.time-ago{color:#fff;position:absolute;top:12px}.post-more-icon{cursor:pointer;right:12px}.post-options-modal{background-color:var(--dark-blue);border-radius:10px;color:#fff;position:absolute;right:12px;top:38px;width:fit-content;z-index:99;.post-options-list{list-style:none;& li{border-radius:4px;cursor:pointer;margin:0 8px 0 -32px;padding:8px;.option-name{font-size:var(--text-base);margin-left:12px}}& li:hover{background-color:var(--black-10)}}}& .photo-grid{height:50%;padding-bottom:8px;width:100%}& .photo-grid img{border-radius:12px;height:100%;width:100%}}.shimmerpost{display:flex;gap:8px;height:fit-content;margin:16px 0;& .circle{border-radius:99px;height:50px;min-height:50px;min-width:50px;width:50px}& .circle,& .shimmer{animation:shimmer 1s linear infinite;background:linear-gradient(-45deg,var(--black-10) 10%,var(--dark-blue-50) 50%,var(--black-10) 90%);background-position-x:100%;background-size:300%}& .shimmer{border-radius:10px;width:100%}}.single-post-overlay{background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:60px;position:fixed;right:0;top:0;z-index:99;& .overlay-content{animation:fadeSlideUp .2s ease-in forwards;background-image:url(/static/media/desktopbg.63599bc8af71d046a0af.png);border-radius:12px;display:flex;flex-direction:column;font-size:var(--text-base);height:fit-content;margin:auto;max-height:85vh;overflow-y:scroll;padding:8px 16px 16px;position:relative;width:600px;.container-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding-top:16px;& p{font-size:var(--text-md);font-weight:700;padding:0}& .spp-close-btn{cursor:pointer}}& .single-post-content{padding:8px 0 0;position:relative;& .posted-by{align-items:center;display:flex;flex-direction:row;gap:16px;padding-bottom:16px;.posted-by-image{height:40px;width:40px;& img{border-radius:99%;height:100%;width:100%}}& .posted-by-details{width:fit-content;.posted-by-user{align-items:center;display:flex;flex-direction:row;gap:16px;.posted-by-name{font-size:var(--text-base);font-weight:700;margin:auto 0;padding-bottom:0}& span,.follow-button{margin:auto 0}}.posted-by-date{color:var(--text-grey);font-size:var(--text-sm)}}}.post-more-icon{top:12px}.post-more-icon,.post-options-modal{color:#fff;position:absolute;right:12px}.post-options-modal{background-color:var(--dark-blue);border-radius:10px;box-shadow:0 0 22px -8px #00000080;top:38px;width:fit-content;z-index:99;.post-options-list{list-style:none;& li{border-radius:4px;cursor:pointer;margin:0 8px 0 -32px;padding:8px;.option-name{font-size:var(--text-base);margin-left:12px}}& li:hover{background-color:var(--black-10)}}}& .post-actions-modal{align-items:center;display:flex;flex-direction:row;height:fit-content;justify-content:space-between;width:100%;& .post-data-count{margin:auto 0;& span{color:var(--text-grey)}}& .like-comment-modal{background:#ffffff1a;border-radius:20px;display:flex;gap:8px;padding:8px 14px}}}}& .create-comment{background-color:var(--black-10);border-radius:20px;display:flex;gap:16px;justify-content:space-between;padding:0 10px;.comment-user-image{height:30px;margin:auto 0;min-height:30px;min-width:30px;width:30px;& img{border-radius:99%;height:100%;width:100%}}& .post-content{font-size:var(--text-md);margin:auto 0;padding:8px 0 0}& .post-comment-button{margin:auto}}}@media (max-width:541px){.single-post-overlay{padding:0;& .overlay-content{border-radius:12px 12px 0 0;margin:20px 0 0;min-height:95%;width:100%}}}.comment-section{display:flex;flex-direction:column;gap:12px;& .single-comment{.commented-by{display:flex;flex-direction:row;gap:12px;& .commented-by-image{border-radius:99px;height:40px;margin-top:4px;min-height:40px;min-width:40px;overflow:hidden;width:40px;& img{object-fit:cover;width:100%}}& .comment-and-replies{display:flex;flex-direction:column;width:100%;& .commented-by-details{background-color:var(--black-10);border:1px solid var(--cyan-20);border-radius:12px;padding:8px 16px;position:relative;& .commented-by-user{.name-and-dots{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:4px 0;& .with-timestamp{align-items:center;display:flex;flex-direction:row;& .commented-by-name{font-weight:bolder;padding:0}& .commented-by-date{font-size:var(--text-xs);padding:2px 8px 0}}& .comment-more-icon{position:relative;& .options-modal{background-color:var(--dark-blue);border-radius:10px;box-shadow:10px 0 20px -9px #00000080;color:#fff;overflow:hidden;position:absolute;right:2px;top:20px;width:160px;z-index:99;.comment-options-modal{& .comment-options-list{list-style:none;margin:0;padding:0;& .comment-option-li{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:start;margin:0;padding:12px;& p{font-size:var(--text-md);padding:0}&:hover{background-color:var(--black-20);cursor:pointer}}}}}}}}& .comment-body{& .comment-text{line-height:18px;padding-bottom:36px}}& .like-comment{background:#ffffff1a;border-radius:20px 0 10px 0;bottom:0;display:flex;gap:12px;padding:8px 14px;position:absolute;right:0;& .like-button{align-items:center;display:flex;flex-direction:row;gap:4px;& .like-count{font-size:12px;padding:0}}}}.replies-section{border-left:4px solid var(--cyan-10);border-radius:0 0 0 12px;display:flex;flex-direction:column;margin:0 0 0 20px;overflow:hidden;width:calc(100% - 24px);.single-reply{background-color:var(--black-10);border-radius:0 12px 12px 0;display:flex;gap:8px;margin-top:8px;padding:8px 16px 32px;position:relative;& .user-img{border-radius:99px;height:40px;min-height:40px;min-width:40px;overflow:hidden;width:40px;& img{width:100%}}& .reply-by{width:100%;& .name-and-dots{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:4px 0;& .with-timestamp{align-items:center;display:flex;flex-direction:row;& .reply-by-name{font-weight:bolder;padding:0}& .reply-by-date{font-size:var(--text-xs);padding:2px 8px 0}}.reply-more-icon{position:relative;.reply-options-modal{background-color:var(--dark-blue);border-radius:10px;box-shadow:10px 0 20px -9px #00000080;color:#fff;margin:0;overflow:hidden;padding:0;position:absolute;right:2px;top:20px;width:160px;z-index:99;& .reply-options-list{list-style:none;margin:0;padding:0;& .reply-option-li{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:start;margin:0;padding:12px;& p{font-size:var(--text-md);padding:0}&:hover{background-color:var(--black-20);cursor:pointer}}}}}}& .like-comment{background:#ffffff1a;border-radius:20px 0 10px 0;bottom:0;display:flex;gap:12px;padding:8px 14px;position:absolute;right:0;& .like-button{align-items:center;display:flex;flex-direction:row;gap:4px;& .like-count{font-size:12px;padding:0}}}}}}& .reply-input{background-color:var(--black-10);border-left:4px solid var(--cyan-10);border-radius:12px;display:flex;flex-direction:column;gap:8px;margin:8px 0 0 20px;overflow:hidden;padding:10px;width:95%;& .inputarea{display:flex;& textarea{width:100%}}& .reply-buttons{display:flex;flex-direction:row;gap:16px;justify-content:flex-end}}}}}}.message-prompt-modal{background:#00000080;bottom:0;left:0;padding:60px;position:absolute;right:0;top:0;z-index:99;.prompt-container{background:var(--dark-blue);border-radius:12px;font-size:var(--text-base);margin:10% auto;padding:16px;width:450px;.prompt-title-text{text-align:center}.prompt-body-text{padding:8px 0;& p{font-size:var(--text-md);line-height:1.8;text-align:center;width:100%}}.prompt-buttons{display:flex;gap:8px;justify-content:end;width:100%;& .btn{width:20%}}}}.share-post-modal{background:#00000080;bottom:0;left:0;padding:60px;position:absolute;right:0;top:0;z-index:99;.share-post-container{background:var(--dark-blue);border-radius:12px;font-size:var(--text-base);margin:5% auto;padding:16px;width:600px;.share-post-title-text{text-align:center}.share-post-options{& .option{background-color:var(--black-10);border-radius:10px;cursor:pointer;display:flex;gap:16px;margin-bottom:8px;padding:16px;&:hover{background-color:var(--black-20)}.option-icon{height:40px;max-height:40px;max-width:40px;width:40px;& img{height:100%;width:100%}}.option-texts{.option-title{font-size:var(--text-base);font-weight:700;padding:0}.option-subtitle{color:var(--text-grey);font-size:var(--text-md);padding:2px 0 0}}}& .option-alt{background-color:var(--black-10);border-radius:10px;cursor:pointer;gap:16px;margin-bottom:8px;padding:16px;&:hover{background-color:var(--black-20)}.option-alt-flex{display:flex;gap:16px;.option-icon{height:40px;max-height:40px;max-width:40px;width:40px;& img{height:100%;width:100%}}.option-texts{.option-title{font-size:var(--text-base);font-weight:700;padding:0}.option-subtitle{color:var(--text-grey);font-size:var(--text-md);padding:2px 0 0}}}.recipients{& .recipient-options{border-radius:5px;border-radius:4px;list-style:none;margin:8px 0;padding:4px;& .recipient-item{cursor:pointer;display:flex;justify-content:space-between;padding:8px;.custom-checkbox input[type=checkbox]{display:none}.custom-checkbox .checkmark{border:1px solid var(--acc-blue);border-radius:4px;cursor:pointer;display:inline-block;height:16px;margin:auto 0;position:relative;transition:background-color .3s ease;width:16px}.custom-checkbox .checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:8px;left:4px;position:absolute;top:1px;transform:rotate(45deg);width:6px}.custom-checkbox input[type=checkbox]:checked+.checkmark{background-color:var(--acc-blue)}.custom-checkbox input[type=checkbox]:checked+.checkmark:after{display:block}.recipient-deets{display:flex;gap:8px;& .recipient-image{border-radius:99px;height:20px;margin:auto 0;max-height:20px;max-width:20px;width:20px;& .recipient-userimage{border-radius:99px;height:100%;width:100%}}& .recipient-name{margin:auto 0;padding:0;width:fit-content}}}}}}}}}.create-post{animation:fadeSlide .1s ease-out forwards;font-size:var(--text-base);padding:0;& .container{background:var(--deep-blue-20);border:1px solid var(--cyan-50);border-radius:10px;box-shadow:10px 0 20px -9px #0000001a;margin-bottom:16px;padding:16px;.image-text{display:flex;gap:16px;.content{margin-top:-10px;width:100%;.post-compose{font-family:Avenir,Nunito Sans,sans-serif}}}.post-actions{border-top:1px solid var(--cyan-10);display:flex;justify-content:space-between;padding-top:16px;width:100%;.add-content{align-items:center;display:flex;flex-direction:row;gap:16px;& .icon-btn{cursor:pointer;height:24px;width:24px;& img{width:100%}}}& .btn{width:fit-content}}}}body,html{overflow:visible!important}.create-event-overlay{background-color:var(--black-50);bottom:0;left:0;overflow-y:scroll;padding:24px;position:fixed;right:0;top:0;z-index:1000!important;& .create-event-card{background-color:var(--dark-blue);border-radius:10px;margin:2% auto auto;padding:24px;width:500px;& .create-event-header{display:flex;justify-content:space-between;padding-bottom:8px;.overlay-title{margin:0}.close-overlay-button{margin:auto 0}}}.create-event-form{.input-fields-section{& .form-field{margin-bottom:24px;padding-bottom:0;.upload-thumbnail{display:flex;gap:24px;justify-content:center;.thumbnail-preview{border-radius:10px;height:160px;max-height:160px;max-width:160px;width:160px;& img{border:#0000;border-radius:10px;height:100%;object-fit:cover;width:100%}}& .file-uploader{border:1px dashed var(--acc-blue);border-radius:4px;height:125px;justify-content:center;padding:16px;width:125px;&:hover{cursor:pointer}.uploader-icon{display:flex;justify-content:center;padding:16px}& .clickable-label,.file-name{color:var(--acc-blue);font-size:var(--text-sm);text-align:center;&:hover{cursor:pointer}}.file-name{color:var(--text-grey)}}}.label{color:var(--text-grey);font-size:var(--text-sm);font-weight:700;text-transform:uppercase}& .input-field{background-color:initial;border:0;border-bottom:1px solid var(--acc-blue);font-size:var(--text-base);outline:#0000;padding:12px 16px 16px;width:92%}& .css-t3ipsp-control,.css-13cymwt-control{background-color:initial!important;border:0;border-bottom:1px solid var(--acc-blue);border-radius:0;color:#fff;&:focus{outline:none}& input{color:#fff!important}}& .css-1nmdiq5-menu{background:var(--dark-blue)}& .subtext{color:var(--faded-white);font-size:var(--text-sm)}& .datepicker-container{position:relative;width:100%;.react-datepicker-wrapper{padding:0 8px;width:100%}.calendar-icon{bottom:20px;left:0;position:absolute}.react-datepicker__time-list{background-color:#fff;color:#000}.react-datepicker__time-list-item{background-color:#fff;color:#000;cursor:pointer;padding:8px 12px}.react-datepicker__time-list-item:hover{background-color:#f0f0f0}.react-datepicker__time-list-item--selected{background-color:#0094d4;color:#fff}}& .post-content{font-size:var(--text-base);margin:auto 0;padding:8px 16px 0}& .pill-container{display:flex;flex-wrap:wrap;margin:4px 0 12px;& .pill{background-color:var(--ocean-blue);border-radius:3px;display:flex;gap:8px;margin:5px 5px 0;padding:4px 10px;width:fit-content}& .remove-performer-button{font-size:var(--text-md);margin:2px 0 0;padding:0}}}}& .form-buttons{display:flex;gap:16px;justify-content:flex-end;.button{width:50%}}}}.create-post-overlay{background:#00000080;bottom:0;left:0;padding:60px;position:absolute;right:0;top:0;z-index:99;& .overlay-content-web{background-image:url(/static/media/desktopbg.63599bc8af71d046a0af.png);border-radius:12px;font-size:var(--text-base);margin:auto;padding:8px 16px;width:600px;textarea{font-size:var(--text-md);padding:0}.container-header{font-weight:700}.container-header,.post-actions{display:flex;justify-content:space-between}.post-actions{padding:8px 0;width:100%;.add-content{gap:8px}}}& .overlay-content-mobile{background-image:url(/static/media/desktopbg.63599bc8af71d046a0af.png);background-position:bottom;border-radius:12px 12px 0 0;height:100%;padding:16px;.container-header{display:flex;font-weight:700;justify-content:space-between}.compose-section{background-image:url(/static/media/desktopbg.63599bc8af71d046a0af.png);background-position:100%;border-radius:8px;margin:16px auto;padding:16px}.compose-area{display:flex}textarea{font-size:var(--text-md);padding:0 16px}.post-actions{display:flex;justify-content:space-between;width:100%;.add-content{display:flex;gap:8px}}}}@media (max-width:768px){.create-post-overlay{padding:40px 0 0;.overlay-content-web{display:none}}}@media (min-width:769px){.create-post-overlay{.overlay-content-mobile{display:none}}}.upload-track-overlay{background-color:var(--black-50);bottom:0;left:0;overflow-y:scroll;padding:24px;position:fixed;right:0;top:0;z-index:99;& .upload-track-card{background-color:var(--dark-blue);border-radius:10px;margin:2% auto auto;padding:24px;width:500px;& .upload-track-header{display:flex;justify-content:space-between;padding-bottom:8px;.overlay-title{margin:0}.close-overlay-button{margin:auto 0}}& .upload-track-form{& .input-fields-section{& .form-field{margin-bottom:24px;.required-asterisk{color:var(--red)}.upload-thumbnail{display:flex;gap:24px;justify-content:center;.thumbnail-preview{border-radius:10px;height:160px;max-height:160px;max-width:160px;width:160px;& img{border:#0000;border-radius:10px;height:100%;object-fit:cover;width:100%}}& .file-uploader{border:1px dashed var(--acc-blue);border-radius:4px;height:125px;justify-content:center;padding:16px;width:125px;&:hover{cursor:pointer}.uploader-icon{display:flex;justify-content:center;padding:16px}& .clickable-label,.file-name{color:var(--acc-blue);font-size:var(--text-sm);text-align:center;&:hover{cursor:pointer}}.file-name{color:var(--text-grey)}}}.upload-audio{display:block;gap:24px;& .audio-file{background-color:var(--black-10);border-radius:8px;display:flex;gap:8px;margin-bottom:8px;padding:8px 16px;.audio-file-name{color:var(--acc-blue);margin:0}}& .file-uploader{border:1px dashed var(--acc-blue);border-radius:4px;justify-content:center;margin-top:12px;padding:16px;&:hover{cursor:pointer}.uploader-icon{display:flex;justify-content:center}& .clickable-label,.file-name{color:var(--acc-blue);font-size:var(--text-sm);text-align:center;&:hover{cursor:pointer}}.file-name{color:var(--text-grey)}}}& .label{color:var(--text-grey);font-size:var(--text-sm);font-weight:700;margin-bottom:8px;text-transform:uppercase}& .input-field{background-color:initial;border:0;border-bottom:1px solid var(--acc-blue);font-size:var(--text-base);outline:#0000;padding:12px 16px 16px;width:92%}& .subtext{color:var(--faded-white);font-size:var(--text-sm)}& .artists-tags{& .selected-artists-list{display:flex;flex-wrap:wrap;padding:0;& .selected-tags{background-color:var(--ocean-blue);border-radius:3px;display:flex;gap:8px;margin:5px 5px 0;padding:4px 10px;width:fit-content}}& .artist-tag{align-items:center;color:#fff;font-size:var(--text-sm);width:fit-content}}& .artist-options{position:relative;& .artist-dropdown{background-color:var(--dark-blue);border-radius:5px;border-radius:4px;box-shadow:0 0 22px -8px #00000080;left:0;list-style:none;margin:8px 0;max-height:150px;overflow-y:auto;padding:4px;position:float;right:0;z-index:1;& .dropdown-item{cursor:pointer;padding:8px}& .dropdown-item:hover{background-color:var(--acc-blue)}}}.dropdown-genre{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:initial;border:0;border-bottom:1px solid var(--acc-blue);border-radius:0;color:#fff;cursor:pointer;font-size:var(--text-base);padding:12px 16px;position:relative;transition:all .3s ease;width:100%;& .dropdown-genre:focus{border:#0000;box-shadow:#0000;outline:#0000}}}& .form-buttons{display:flex;gap:16px;justify-content:flex-end;.button{width:50%}}}}}}.create-mix-overlay{background-color:var(--black-50);bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;z-index:99;& .create-mix-card{background-color:var(--dark-blue);border-radius:10px;margin:5% auto auto;padding:24px;width:500px;& .create-mix-header{display:flex;justify-content:space-between;padding-bottom:8px;.overlay-title{margin:0}.close-overlay-button{margin:auto 0}}}.create-mix-form{.input-fields-section{.form-field{margin-bottom:24px;.upload-thumbnail{display:flex;gap:24px;justify-content:center;.thumbnail-preview{border-radius:10px;height:160px;max-height:160px;max-width:160px;width:160px;& img{border:#0000;border-radius:10px;height:100%;object-fit:cover;width:100%}}& .file-uploader{border:1px dashed var(--acc-blue);border-radius:4px;height:125px;justify-content:center;padding:16px;width:125px;&:hover{cursor:pointer}.uploader-icon{display:flex;justify-content:center;padding:16px}& .clickable-label,.file-name{color:var(--acc-blue);font-size:var(--text-sm);text-align:center;&:hover{cursor:pointer}}.file-name{color:var(--text-grey)}}}.label{color:var(--text-grey);font-size:var(--text-sm);font-weight:700;text-transform:uppercase}.input-field{background-color:initial;border:0;border-bottom:1px solid var(--acc-blue);font-size:var(--text-base);outline:#0000;padding:12px 16px 16px;width:92%}& .datepicker-container{position:relative;width:100%;.react-datepicker-wrapper{padding:0 8px;width:100%}.calendar-icon{bottom:20px;left:0;position:absolute}}& .post-content{font-size:var(--text-base);margin:auto 0;padding:8px 16px 0}}}& .form-buttons{display:flex;gap:16px;justify-content:flex-end;.button{width:50%}}}}.post-photo-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:24px;position:fixed;right:0;top:0;z-index:1000}.post-photo-card{background-color:var(--dark-blue);border-radius:10px;margin:auto;padding:24px;width:500px}.post-photo-header{align-items:center;display:flex;justify-content:space-between;padding-bottom:8px}.overlay-title{color:#fff;font-size:1.25rem;margin:0}.close-overlay-button{cursor:pointer}.post-photo-form{color:#fff;margin-top:16px}.upload-status{margin-top:8px}.thumbnail-preview{margin-top:16px}.post-photo-footer{align-items:center;display:flex;gap:16px;justify-content:flex-end;margin-top:24px}.modal-cancel{background-color:initial;border:1px solid var(--acc-blue);border-radius:4px;color:var(--acc-blue);cursor:pointer;padding:8px 16px}.modal-cancel:hover{background-color:var(--acc-blue);color:#fff}.track-post-component{background-color:var(--black-20);border-radius:12px;margin:4px 0 12px;padding:12px;& .track-content{align-items:center;display:flex;flex-direction:row;& .track-thumbnail{height:100px;min-height:100px;min-width:100px;width:100px;& img{width:100%}}& .track-player{padding:0 16px;width:80%;& .track-info{align-items:center;display:flex;flex-direction:row;justify-content:space-between;.track-deets{& p{padding:4px 0}& .track-title-artist{font-size:var(--text-base);font-weight:700}& .track-genre{color:var(--text-grey);font-size:var(--text-sm)}}& .play-pause{padding:0 0 0 24px}}& .slider{align-items:center;display:flex;flex-direction:row;gap:8px;padding:12px 0 4px;& .progress-bar{appearance:none;border-radius:2px;height:3px;width:100%}.progress-bar::-webkit-progress-bar{background-color:var(--text-grey);border-radius:5px}.progress-bar::-webkit-progress-value{background-color:var(--cyan);border-radius:5px}.progress-bar::-moz-progress-bar{background-color:var(--cyan)}}}}}@media (max-width:640px){.track-post-component{& .track-content{& .track-thumbnail{height:50px;min-height:50px;min-width:50px;width:50px}& .track-player{& .track-info{.track-deets{& .track-title-artist{max-width:10ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}}}}}}.event-details-modal{animation:fadeSlideInRight .3s ease-in-out forwards;background-color:var(--black-75);bottom:0;display:flex;justify-content:end;overflow-y:scroll;padding:16px;position:fixed;right:0;top:0;width:100%;z-index:100;.event-details-content{background-color:var(--deep-blue);border-radius:12px;height:fit-content;overflow:scroll;padding:8px 16px;width:500px;.event-details-header{align-items:center;display:flex;justify-content:space-between}& .event-thumbnail{cursor:pointer;height:fit-content;width:100%}& .event-thumbnail img{width:100%}.event-date-posted{font-size:var(--text-sm);margin:0 0 8px}.event-date-loc{font-size:var(--text-md);gap:16px;margin:8px 0 0;& .sub-details{align-items:center;display:flex;flex-direction:row;gap:8px;padding-bottom:4px;& p{font-size:var(--text-md);font-weight:700;margin:4px;text-align:center}.event-date-loc-icon{width:fit-content}.performer-icon{padding-right:4px;width:10px}}& .vertical-divider{background-color:var(--ocean-blue);width:1px}}.invite-response{display:flex;gap:8px;margin:8px 0;.response-option{align-items:center;border:1px solid var(--sand-beige);border-radius:8px;display:flex;flex-direction:row;gap:8px;justify-content:center;padding:8px 12px;width:100%;& p{color:var(--sand-beige);font-size:var(--text-md);margin:0}}& .response-option:hover{background-color:var(--cyan-10)}}}}.full-image-modal{align-items:center;background-color:var(--black-75);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999;.full-image{align-items:start;display:flex;flex-direction:row;height:90vh;justify-content:center;margin:5%;min-height:90vh;min-width:fit-content;position:relative;width:fit-content;& img{height:100%;object-fit:contain;width:100%}.close-button{align-items:center;background:var(--ocean-blue-50);border:1px solid var(--cyan);border-radius:100%;cursor:pointer;display:flex;flex-direction:column;height:40px;justify-content:center;min-height:40px;min-width:12px;position:absolute;right:-6px;top:-6px;width:12px}}}.checkout-event-payment{margin:0;padding:16px;& .main-checkout-container{.checkout-content{border-radius:10px;display:flex;flex-direction:column;width:100%;.checkout-heading{align-items:center;cursor:pointer;display:flex;gap:16px;justify-content:start;padding-bottom:24px;& .headingtxt{font-size:var(--text-lg);font-weight:700}}.cart-items{display:flex;flex-direction:column;gap:24px;.cart-item{align-items:center;background-color:var(--black-20);border-radius:16px;box-shadow:-8px 8px 0 2px #00000080;display:flex;flex-direction:column;gap:15px;justify-content:space-between;padding:16px 24px;.gen-deets{align-items:center;display:flex;flex-direction:column;justify-content:space-between;width:100%;.img-name{align-items:start;display:flex;flex-direction:row;gap:24px;width:100%;.cart-image{border-radius:8px;height:100px;object-fit:cover;width:100px;& img{height:100%;width:100%}}.cart-item-details{display:flex;flex-direction:column;width:100%;& .cart-event-title{font-size:var(--text-lg);font-weight:700;margin:0}& .cart-event-date{align-items:center;display:flex;flex-direction:row;gap:8px;& p{color:var(--text-grey);font-weight:600;margin:4px 0}}.price-quantity-ctrl{display:flex;flex-direction:row;justify-content:space-between;padding:12px 0 0;width:100%;.quantity-control{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:end;& span{font-size:var(--text-md);font-weight:700}}.quantity-control button{background-color:var(--cyan-50);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:var(--text-md);font-weight:700;height:30px;width:30px}}}}}.total-price-row{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%;& .total-price{font-size:var(--text-base);font-weight:bolder;margin:0}}.checkout-footer{align-items:center;display:flex;justify-content:end;width:100%;.footer-actions{display:flex;flex-direction:row;gap:32px}}}.empty-cart{margin:20px 0;text-align:center}}}.payment-deets-modal{margin:32px auto;width:100%;& .billing-and-payment{& .billing-heading{font-size:var(--text-md);font-weight:700;padding-top:12px}& .billing-form{background-color:var(--black-20);border:1px solid var(--cyan-20);border-radius:12px;margin:24px 0 32px;padding:24px;& .rowfield{align-items:center;display:flex;flex-direction:row;gap:32px;& .form-input-field{width:50%}}}}.payment-modal-overlay{.payment-modal-content{.cta-payment{display:flex;flex-direction:row;justify-content:space-between;padding:24px 0;.prim-button{align-items:center;background-color:var(--deep-blue);border:1px solid var(--cyan-50);border-radius:20px;color:var(--cyan);display:flex;flex-direction:row;font-size:var(--text-sm);font-weight:700;gap:8px;height:fit-content;padding:6px 16px;width:fit-content}}}}}}}.event-payment-confirmation{padding:32px 0;.confirmation-main-container{align-items:center;display:flex;flex-direction:column;width:100%;.confirmation-message{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:start;width:100%;.graphicimg{min-width:180px;width:180px;& img{height:100%;width:100%}}.bodytext{align-items:start;display:flex;flex-direction:column;width:fit-content;.confirmation-heading{font-size:var(--text-lg);font-weight:700;margin:0}.confirmation-subheading{& p{padding:0}}.cta-btn{align-items:center;display:flex;flex-direction:row;gap:8px}}}.purchased-event-details-container{width:100%;.purchased-event-details{background-color:var(--black-20);border:1.5px solid var(--cyan-50);border-radius:12px;padding:16px 24px;.purchase-ordernum{color:var(--text-grey);font-weight:700}.purchase-ordernum,.sent-to-email{font-size:var(--text-sm)}.purchase-thumbnail{border-radius:16px;height:300px;margin:16px 0;overflow:hidden;width:100%;& img{height:100%;object-fit:cover;width:100%}}.name-qty{align-items:center;display:flex;gap:16px;.purchase-eventname{font-family:Zen Dots,serif;font-size:var(--text-xl);padding:8px 0}.tix-qty{font-weight:700}}.deets{padding:8px 0;.deet-row{align-items:center;display:flex;flex-direction:row;justify-content:space-between;.field-name{color:var(--text-grey);font-weight:700}}}}}}}.track-details-overlay{animation:fadeSlideInRight .3s ease-out forwards;bottom:0;overflow-y:scroll;padding:16px;position:fixed;right:0;top:0;width:500px;z-index:99;& .track-details-card{background-color:var(--deep-blue);border-radius:12px;overflow:scroll;padding:8px 16px 16px;& .track-details-header{align-items:center;display:flex;justify-content:space-between}& .track-details-content{& .track-title{padding-top:16px}& .track-thumbnail{& img{height:100%;width:100%}}& .artist-list{display:flex;flex-wrap:wrap;gap:8px}& .genres-list{display:flex;.genre-item{color:var(--text-grey);font-size:var(--text-sm);margin:0}}& h3{margin:0 0 12px}& .track-year{color:var(--text-grey);font-size:var(--text-md);font-weight:700}& .track-description{color:var(--faded-white);font-size:var(--text-md)}}}}.mix-content{padding-bottom:12px}.event-post-component{background-color:var(--black-20);border-radius:12px;margin:4px 0 12px;padding:12px;width:90%;& .event-content{align-items:start;display:flex;flex-direction:column;gap:16px;& .event-image{cursor:pointer;height:350px;object-fit:cover;width:100%;& img{border-radius:8px;height:100%;object-fit:cover;width:100%}}& .event-info{width:100%;& .event-deets{align-items:center;display:flex;flex-direction:row;gap:24px;& .event-post-date{align-items:center;background-color:var(--ocean-blue-10);border-radius:8px;display:flex;flex-direction:column;padding:8px 16px;& .event-post-numdate{font-size:var(--text-xl)}& .event-post-month,& .event-post-numdate{font-weight:700;padding:0}}& .event-body-btn{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:90%;& .event-body{& .event-title{font-size:var(--text-base);font-weight:700}& .event-description{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;font-size:var(--text-md);height:18px;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis}}}}}}}.profile-panel{animation:fadeSlide .3s ease-out forwards;background-color:var(--deep-blue-10);background-position:100%;background-size:cover;border:1px solid var(--sand-beige-10);border-radius:10px;height:fit-content;min-width:20%;padding:24px;.profile-panel-content{text-align:center;img{background-color:var(--text-grey);background-size:cover;border-radius:100%;height:120px;width:120px}.user-overview{h3{margin-bottom:8px}p{margin:8px 0}.overview-user-handle{color:var(--text-grey)}.overview-user-bio{font-size:var(--text-md);font-style:italic;font-weight:700;line-height:20px}.overview-ff-count{border-bottom:1px solid var(--dark-blue);border-top:1px solid var(--dark-blue);display:flex;justify-content:space-around;margin:16px 0;padding:8px 0}.ov-ff-label,.ov-followers-count,.ov-following-count{font-weight:700}.ov-ff-label{color:var(--text-grey);font-size:var(--text-xs);text-transform:uppercase}}}}.shimmerprofile{animation:shimmer 1s linear infinite;background:linear-gradient(-45deg,var(--black-10) 10%,var(--dark-blue-50) 50%,var(--black-10) 90%);background-position-x:100%;background-size:300%;border-radius:10px;height:400px;justify-content:center;min-width:20%;padding:16px;& .shimmer-circle{animation:shimmer 1s linear infinite;background:linear-gradient(-45deg,var(--black-10) 10%,var(--dark-blue-50) 50%,var(--black-10) 90%);background-position-x:100%;background-size:300%;border-radius:99px;height:120px;margin:16px auto;min-height:120px;min-width:120px;width:120px}& .shimmer-div{height:40px;min-height:40px}& .shimmer-div,& .shimmer-div-2{animation:shimmer 1s linear infinite;background:linear-gradient(-45deg,var(--black-10) 10%,var(--dark-blue-50) 50%,var(--black-10) 90%);background-position-x:100%;background-size:300%;border-radius:10px;margin:16px auto}& .shimmer-div-2{height:20px;min-height:20px}}@keyframes shimmer{to{background-position-x:0}}.top-bubbles{padding:0 24px;.top-bubbles-container{.top-bubbles-list{display:flex;flex-wrap:wrap;gap:8px}}}.discover-people-panel{height:fit-content;padding:0 24px 24px;& .cards-container{height:auto;.user-cards{display:flex;flex-wrap:wrap;gap:4px;overflow-y:scroll}}}.user-card{height:fit-content;margin:0 0 8px;padding:0;width:100%;& .user-card-container{align-items:center;background-color:var(--black-20);border-radius:8px;display:flex;flex-direction:row;justify-content:space-between;padding:4px 12px;text-align:center;& .avatar-name{display:flex;gap:8px;text-align:start;& .user-image-card{background-color:#fff3;border-radius:100%;height:45px;margin:auto 0;min-height:45px;min-width:45px;width:45px;& img{border-radius:100%;height:100%;width:100%}}& .user-handle-name{& .user-name-card{font-size:var(--text-md);font-weight:700;margin-bottom:-6px;text-align:left}& .user-handle-card{color:var(--text-grey);font-size:var(--text-sm);text-align:left}}}}}@media (max-width:1180px){.user-card{& .user-card-container{align-items:center;flex-direction:column;gap:8px;height:fit-content;padding:4px 12px 12px;& .avatar-name{& .user-handle-name{& .user-name-card{display:inline-block}& .user-handle-card,& .user-name-card{max-width:15ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}}& .follow-btn{display:flex;justify-content:center;width:100%}}}}@media (max-width:1025px){.user-card{& .user-card-container{& .avatar-name{& .user-handle-name{& .user-handle-card,& .user-name-card{max-width:12ch}}}}}}.discover-people-slider{height:fit-content;.container{.user-cards{display:flex;gap:16px;overflow-x:scroll}}}::-webkit-scrollbar{display:none}*{scrollbar-width:none}.radio-player-component{border-radius:24px;bottom:24px;height:fit-content;padding:16px;position:fixed;right:4px;width:430px;z-index:50;& .radio-player-container{background-color:var(--dark-blue-50);border:1px solid var(--cyan-50);border-radius:20px;position:relative;& .radio-player-image{animation:spin 30s linear infinite;height:120px;left:16px;position:absolute;top:-24px;width:120px}& .radio-music-info{padding:8px 16px 8px 160px;& p{margin:0}& .radio-channel{display:flex;& .radio-channel-name{color:var(--text-grey);font-size:var(--text-sm);font-weight:700}& .live-dot{background-color:var(--red);border-radius:10px;height:6px;margin:auto 4px auto 0;width:6px}}& .radio-now-playing{align-items:center;display:flex;flex-direction:row;font-size:var(--text-base);gap:8px;padding:4px 0;& p{font-size:var(--text-base)}}}& .radio-controls{align-items:center;background-color:var(--deep-blue-50);border-radius:0 0 20px 20px;display:flex;flex-direction:row;gap:16px;justify-content:center;padding:8px 16px 8px 120px;& .skip-button{cursor:pointer}& .play-button,.stop-button{cursor:pointer;padding:6px 8px}}}}.pages-menu{margin:36px 0;& .menu-list{& .link-text{text-decoration:none}& .enabled{cursor:pointer;&:hover{background-color:var(--deep-blue-50)}}& .disabled{cursor:not-allowed}& .menu-item{align-items:center;background-color:var(--deep-blue-20);border-radius:10px;display:flex;flex-direction:row;gap:18px;margin-bottom:8px;padding:16px 24px;& .menu-icon{width:24px}& p{font-size:var(--text-md);font-weight:700;margin:0}}& .menu-logout{align-items:center;border-radius:10px;cursor:pointer;display:flex;flex-direction:row;gap:12px;justify-content:center;margin-bottom:8px;padding:16px 24px;& p{font-size:var(--text-sm);font-weight:700;margin:0}}}}@media (max-width:853px){.pages-menu{& .menu-list{display:flex;flex-direction:column;& .heading{display:none}& .menu-item,.menu-logout{padding:12px;width:fit-content;& p,span{display:none}}}}}@media (max-width:541px){.pages-menu{margin:0;& .menu-list{align-items:center;display:flex;flex-direction:row;justify-content:end;width:100%;& .heading{display:none}& .menu-events{opacity:50%}& .menu-item,.menu-logout{padding:12px;width:fit-content;& .menu-icon{width:18px}& p,span{display:none}}& hr{display:none}}}}.minimized-menu{align-items:center;display:flex;flex-direction:column;justify-content:center;& .link-to-profile{& .user-avatar{border-radius:99px;height:36px;overflow:hidden;width:36px;& img{object-fit:cover;width:100%}}& p{font-size:var(--text-md);font-weight:700;text-align:center}}}@media (max-width:540px){.minimized-menu{& .link-to-profile{align-items:center;display:flex;flex-direction:row;gap:8px;& .user-avatar{height:30px;width:30px}}}}.newsfeed-section{display:flex;flex-direction:column;gap:16px;height:calc(100vh - 320px);width:100%;.newsfeed-card{font-size:var(--text-base)}.newsfeed-card p{margin:0;width:fit-content}.newsfeed-card-container{align-items:flex-start;display:flex;gap:16px;margin-bottom:16px}.user-image{border-radius:50%;flex-shrink:0;height:50px;overflow:hidden;width:50px}.user-image img{height:100%;object-fit:cover;width:100%}.post-content .mention-link{color:var(--acc-blue);font-weight:700;text-decoration:none}.post-content .mention-link:hover{text-decoration:underline}.post-actions{display:flex;gap:12px;justify-content:flex-end;margin:0}.post-actions .post-data-count{margin:auto 0}.post-actions .post-data-count span{color:var(--text-grey)}.post-actions .pill{display:flex;gap:8px}.post-actions .like-comment{align-items:center;background:#ffffff1a;border-radius:20px 0 10px 0;display:flex;flex-direction:row;gap:8px;justify-content:flex-end;padding:8px 12px}.comment-popup{display:flex;gap:16px;margin-bottom:42px;padding-top:16px}.comment-popup textarea{background-color:var(--deep-blue-20);border-radius:99px;padding:12px 16px 0}.edit-post-actions{display:flex;gap:12px}.edit-post-actions button{background-color:initial;border:none;border-radius:20px;color:var(--ocean-blue);cursor:pointer;font-size:var(--text-md);font-weight:700;padding:6px 12px}.edit-post-actions button:hover{text-decoration:underline}.no-result{color:var(--text-grey);font-size:var(--text-md);margin:0 auto;text-align:center}.time-ago{opacity:50%;right:38px}.post-more-icon,.time-ago{color:#fff;position:absolute;top:12px}.post-more-icon{cursor:pointer;right:12px}.post-options-modal{background-color:var(--dark-blue);border-radius:10px;color:#fff;position:absolute;right:12px;top:38px;width:fit-content;z-index:99}.post-options-modal .post-options-list{list-style:none}.post-options-modal .post-options-list li{border-radius:4px;cursor:pointer;margin:0 8px 0 -32px;padding:8px}.post-options-modal .post-options-list li .option-name{font-size:var(--text-base);margin-left:12px}.post-options-modal .post-options-list li:hover{background-color:var(--black-10)}& .photo-grid{cursor:pointer;height:50%;padding-bottom:8px;width:100%}& .photo-grid img{border-radius:12px;height:100%;width:100%}}.content-text{white-space:pre-wrap}.like-tooltip-wrapper{cursor:default;display:inline-block;position:relative}.like-tooltip-wrapper .tooltip{background-color:#001f3f;border-radius:4px;bottom:100%;color:#ddd;font-size:.875rem;left:50%;padding:6px 8px;position:absolute;transform:translateX(-50%);visibility:hidden;white-space:nowrap;z-index:1000}.like-tooltip-wrapper:hover .tooltip{opacity:1;visibility:visible}.youtube-preview-wrapper{aspect-ratio:16/9;margin:12px 0;max-width:100%;overflow:hidden;position:relative;width:100%}.youtube-preview-wrapper iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.create-message-modal{background-color:var(--black-50);bottom:0;left:0;overflow-y:scroll;padding:24px;position:fixed;right:0;top:0;z-index:99;& .inner-modal{background-color:var(--dark-blue);border-radius:10px;margin:2% auto auto;padding:16px 24px 24px;width:500px;.modal-header{display:flex;justify-content:space-between;.close-icon{margin:auto 0}}& .recipient-field{& .selected-recipient-list{display:flex;flex-wrap:wrap;padding:0;& .selected-tags{background-color:var(--deep-blue);border-radius:99px;display:flex;flex-direction:row;font-size:var(--text-md);gap:4px;margin:5px 5px 0;padding:4px 12px 2px;width:fit-content}}& .recipient-options{position:relative;& .recipient-dropdown{background-color:var(--dark-blue);border-radius:5px;border-radius:4px;box-shadow:0 0 22px -8px #00000080;left:0;list-style:none;margin:8px 0;max-height:150px;overflow-y:auto;padding:4px;position:float;right:0;z-index:1;& .dropdown-item{cursor:pointer;display:flex;gap:8px;padding:8px;.user-image-container{border-radius:99px;height:24px;max-height:24px;max-width:24px;width:24px;& .user-image-dropdown{border-radius:99px;height:100%;object-fit:cover;width:100%}}}& .dropdown-item:hover{background-color:var(--acc-blue)}}}& .recipient-input-field{background-color:initial;border:1px solid var(--acc-blue);border-radius:4px;color:#fff;margin:12px 0;padding:12px 16px;width:93%;&:focus{outline:none}}& .recipient-tag{align-items:center;color:#fff;font-size:var(--text-sm);width:fit-content}}.textarea{border-radius:12px;box-shadow:2px 0 20px -9px #00000080;margin:24px 0;width:100%;.compose-message{font-size:var(--text-base);height:6em;line-height:1.2em;padding:12px}}}}.messages{height:96vh}.messages-container{display:flex;flex-direction:column;height:100vh}.messages .messages-container .messages-main{bottom:0;display:flex;flex:1 1 auto;left:0;margin-top:60px;overflow:auto;right:0;top:0}.messages .messages-container .messages-main .messages-list{background-color:var(--black-10);width:30%}.messages .messages-container .messages-main .messages-list .messages-list-header{background-color:var(--black-10);display:flex;gap:16px;justify-content:space-between;padding:16px}.messages .messages-container .messages-main .messages-list .messages-list-header .search-bar{border:2px solid var(--acc-blue-50);border-radius:20px;padding:8px 16px}.messages .messages-container .messages-main .messages-list .messages-list-header .write-icon{cursor:pointer;margin:auto 0}.messages .messages-container .messages-main .messages-list .message-item{cursor:pointer;display:flex;justify-content:space-between;padding:16px}.messages .messages-container .messages-main .messages-list .message-item .image-and-content{align-items:center;display:flex;flex-direction:row;gap:16px}.messages .messages-container .messages-main .messages-list .message-item .image-and-content .message-content p{margin:0}.messages .messages-container .messages-main .messages-list .message-item .image-and-content .message-content .recipient-name{font-size:var(--text-base);font-weight:700}.messages .messages-container .messages-main .messages-list .message-item .image-and-content .message-content .message-preview{color:var(--text-grey);font-size:var(--text-md);padding:4px 0}.messages .messages-container .messages-main .messages-list .message-item .time-and-indicator{align-items:end;display:flex;flex-direction:column}.messages .messages-container .messages-main .messages-list .message-item .time-and-indicator .time-ago{color:var(--text-grey);font-size:var(--text-sm);margin:0;padding:0}.messages .messages-container .messages-main .messages-list .message-item .time-and-indicator .indicator{margin:8px auto}.messages .messages-container .messages-main .selected-conversation{border-radius:0 10px 0 0;display:flex;flex:1 1 auto;flex-direction:column;height:100%;overflow-y:auto;width:100%}.messages .messages-container .messages-main .selected-conversation .conversation-header{background-color:var(--black-10);display:flex;height:38px;justify-content:space-between;padding:16px;position:relative}.messages .messages-container .messages-main .selected-conversation .conversation-header .conversation-title{font-weight:700;margin:auto 0;padding:0}.messages .messages-container .messages-main .selected-conversation .conversation-header .more-icon{cursor:pointer;margin:auto 0}.messages .messages-container .messages-main .selected-conversation .conversation-header .chat-options-modal{background-color:var(--dark-blue);border-radius:10px;padding:12px;position:absolute;right:16px;top:48px;width:fit-content;z-index:99}.messages .messages-container .messages-main .selected-conversation .conversation-header .chat-options-modal .chat-options-list li{list-style:none;margin:0 0 0 -32px}.messages .messages-container .messages-main .selected-conversation .conversation{border-left:1px solid var(--black-10);display:flex;flex:1 1 auto;flex-direction:column;margin-bottom:80px;min-height:0;padding:16px}.messages .messages-container .messages-main .selected-conversation .conversation .bubbles{overflow-y:auto;position:relative}.messages .messages-container .messages-main .selected-conversation .conversation .message-row{display:flex;gap:16px;margin:8px 16px}.messages .messages-container .messages-main .selected-conversation .conversation .message-day{background-color:var(--dark-blue-50);border-radius:20px;margin:16px auto;padding:8px 12px;width:fit-content}.messages .messages-container .messages-main .selected-conversation .conversation .message-day .day-label{font-size:var(--text-sm);margin:0;text-align:center}.messages .messages-container .messages-main .selected-conversation .conversation .incoming-message-bubble{background-color:var(--ocean-blue);border-radius:10px;max-width:300px;padding:10px 12px;width:fit-content}.messages .messages-container .messages-main .selected-conversation .conversation .incoming-message-bubble p{margin:0}.messages .messages-container .messages-main .selected-conversation .conversation .incoming-message-bubble img{border-radius:6px;display:block;height:auto;margin-top:8px;max-width:100%}.messages .messages-container .messages-main .selected-conversation .conversation .outgoing-message{display:flex;justify-content:end}.messages .messages-container .messages-main .selected-conversation .conversation .outgoing-message-bubble{background-color:var(--dark-blue);border-radius:10px;margin:auto 0;max-width:300px;padding:10px 12px;width:fit-content}.messages .messages-container .messages-main .selected-conversation .conversation .outgoing-message-bubble p{margin:0}.messages .messages-container .messages-main .selected-conversation .conversation .outgoing-message-bubble img{border-radius:6px;display:block;height:auto;margin-top:8px;max-width:100%}.messages .messages-container .messages-main .selected-conversation .conversation .message-body .mention-link{color:var(--cyan);font-weight:700;text-decoration:none}.messages .messages-container .messages-main .selected-conversation .conversation .message-body .mention-link:hover{text-decoration:underline}.messages .messages-container .messages-main .selected-conversation .conversation .time{color:var(--faded-white);font-size:var(--text-xs)}.messages .messages-container .messages-main .selected-conversation .conversation .compose-message-section{background:linear-gradient(180deg,#0000001a,#002e5100);border-radius:10px;bottom:0;margin:16px;padding:16px;position:fixed;width:70vw}.messages .messages-container .messages-main .selected-conversation .conversation .compose-message-content{display:flex;gap:16px}.messages .messages-container .messages-main .selected-conversation .conversation .compose-message-content .textarea{border-radius:12px;width:100%}.messages .messages-container .messages-main .selected-conversation .conversation .compose-message-content .textarea .compose-message{font-size:var(--text-base);height:1.2em;line-height:1.2em;padding:24px 12px 0}.messages .messages-container .messages-main .selected-conversation .conversation .compose-message-content .send-icon{background-color:var(--deep-blue);border-radius:99px;cursor:pointer;display:flex;justify-content:space-around;margin:auto;padding:8px 16px;width:80px}.messages .messages-container .messages-main .selected-conversation .conversation .compose-message-content .send-icon .btn-icon{margin:auto 0}.messages .messages-container .messages-main .selected-conversation .conversation .compose-message-content .send-icon .btn-label{color:var(--cyan);font-weight:500;margin:0}.messages .messages-container .messages-main .selected-conversation .conversation .compose-message-content .vertical-divider{background-color:var(--dark-blue);height:24px;margin:auto 0;width:1px}.messages .messages-container .messages-main .selected-conversation .conversation .compose-message-content .attachments{display:flex;gap:24px;margin:auto 0}.messages .messages-container .messages-main .selected-conversation .conversation .compose-message-content .attachments .attachment-icon{cursor:pointer}.messages .messages-container .messages-main .selected-conversation .conversation .compose-message-content .attachments .bug-icon{background:none;border:none;color:var(--cyan);cursor:pointer;margin-left:8px}.messages .messages-container .messages-main .messages-list-header .write-icon svg,.messages .messages-container .messages-main .selected-conversation .conversation .compose-message-content .attachments .attachment-icon svg{color:var(--cyan)}.messages .empty-conversation{height:100%;margin:auto;text-align:center}.messages .empty-conversation .empty-message{color:var(--faded-white);font-size:var(--text-md);font-weight:700;margin-top:20%}.scroll-fix{will-change:transform}.bug-attachment-wrapper{display:inline-block;position:relative}.bug-attachment-wrapper .tooltip-text{background-color:#001f3f;border-radius:4px;bottom:125%;color:#fff;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease-in-out;visibility:hidden;white-space:nowrap;z-index:1000}.bug-attachment-wrapper:hover .tooltip-text{opacity:1;visibility:visible}.notifications-page{height:96vh;& .container{margin:auto;padding:48px 16px;& .notification-row{background-color:var(--acc-blue-50);border-radius:10px;display:flex;gap:16px;justify-content:space-between;padding:16px;& .left-aligned-content{display:flex;gap:16px;& .notif-thumbnail{background-color:var(--acc-blue);border-radius:99px;height:50px;width:50px}& .notif-content{p{margin:0 0 8px}.notif-title{font-size:var(--text-base);font-weight:700}.notif-body{font-size:var(--text-md)}}}& .right-aligned-content{& .new-notif-indicator{background-color:var(--acc-blue);border-radius:10px;height:10px;margin:8px;width:10px}}}}}@media (min-width:821px){.notifications-page{& .container{max-width:700px}}}@media (max-width:820px){.notifications-page{.container{max-width:100%}}}.official-profile-page{.main-container{align-items:start;display:flex;flex-direction:row;gap:40px;margin-top:80px;padding:40px;.about-section{background-color:var(--deep-blue-20);border:2px solid var(--cyan-50);border-radius:12px;overflow:hidden;padding:24px;width:25%;.about-section-image{height:100%;min-height:100%;min-width:100%;width:100%;& img{width:100%}}.about-section-name p{font-family:Zen Dots,serif;font-size:30px;margin:12px 0}.about-section-handle{color:var(--text-grey)}.about-section-btns{align-items:center;display:flex;flex-direction:row;gap:12px}.about-section-bodytext{padding:24px 0 0;.bodytext-heading{align-items:center;display:flex;flex-direction:row;gap:8px;& p{color:var(--text-grey);font-size:var(--text-md);font-weight:700;margin:0;text-transform:uppercase}}}}.page-feed-container{width:40%}.page-discover-container{width:30%}}}.privacy-policy{padding:40px;& .submerge-logo{margin:0 auto;width:150px;& img{width:100%}}& .privacy-policy-content{padding:24px 0;.heading,.heading-date{text-align:center}.heading-date{color:var(--text-grey);font-size:var(--text-md)}& .main-content{padding:40px 0;.subheading{font-weight:700}.subtext{font-weight:700}.emphasis,.subtext{color:#ffffff90;font-size:var(--text-md)}.body{text-wrap:wrap;color:#ffffff90;font-size:var(--text-md);line-height:24px;margin-bottom:24px;ol,ul{i,li{color:#ffffff90}}}table{border-collapse:collapse;font-size:var(--text-md);table-layout:fixed;width:100%;tr{td,th{border:1px solid #ffffff50;color:#ffffff90;padding:12px}}}}}}.profile-page{height:91vh;padding:80px 0 0;& .profile-wrapper{.profile-main-container{max-height:calc(100vh - 80px);overflow-y:auto;position:relative;width:75%;.profile-heading-wrapper{border-radius:0 999px 999px 0;overflow:hidden;top:80px;width:100%;z-index:10;.profile-heading{align-items:center;background-color:var(--deep-blue-20);display:flex;gap:24px;padding:24px 40px;.profile-avatar{border-radius:99px;height:165px;min-height:165px;min-width:165px;overflow:hidden;width:165px;& img{object-fit:cover;width:100%}}.profile-user-details{height:fit-content;width:80%;& .names-and-btns{align-items:center;display:flex;flex-direction:row;justify-content:space-between;& .names{align-items:center;display:flex;gap:12px;& .name{font-size:var(--text-xl);font-weight:bolder!important;margin:0}& .userhandle{color:var(--text-grey);font-weight:700;margin:0}}}& .user-profile-cta{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:center}& .user-profile-about{align-items:start;display:flex;flex-direction:row;gap:16px;& p{font-size:var(--text-sm);margin:0}}& .profile-navigation{display:flex;flex-direction:row;gap:72px;justify-content:start;& .tooltip-container{align-items:center;display:flex;flex-direction:row;& .navIcon{margin:4px 0 0}}& .nav-icon{align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:4px;& img{margin:4px 0 0}& p{font-size:var(--text-md);font-weight:700;margin:0}& .profile-nav-indicator{border-radius:2px;height:5px;width:5px}}}}}}.profile-heading-wrapper.stuck{background:linear-gradient(180deg,#012948f2,#000c);border-radius:0 0 40px 0;box-shadow:0 2px 4px #0000001a;display:none;height:fit-content;opacity:1;position:fixed;top:80px;transform:translateY(1);width:75%;z-index:10;.profile-heading{.profile-avatar{height:70px;min-height:70px;min-width:70px;width:70px}.profile-user-details{hr{display:none!important}& .profile-navigation,& .user-profile-about,& .user-profile-cta{display:none}}}}& .profile-page-content{display:flex;justify-content:space-between;padding-top:24px;& .profile-head{align-items:center;background-color:var(--deep-blue-20);border-radius:0 300px 300px 0;display:flex;flex-direction:row;height:50vh;margin:10% 32px auto -1%;min-width:250px;padding:0 0 0 16px;width:250px;& .profile-userphoto{border-radius:99px;height:150px;margin:auto;overflow:hidden;width:150px;& .header-avatar{height:100%;width:100%}}}& .tab-display{margin:0 auto;width:95%}& .profile-main-content,& .user-posts{display:flex;flex-direction:column;gap:16px;height:84vh;padding-bottom:32px;.user-profile-info{background-color:var(--deep-blue-10);border:1px solid var(--sand-beige-10);border-radius:20px;padding:24px 24px 16px;& .name-and-cta{align-items:center;display:flex;flex-direction:column;& .names{text-align:center;& .name{font-size:var(--text-lg);margin:0}& .userhandle{color:var(--text-grey);margin:4px auto 24px}}& .user-profile-card-cta{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:center}}& .user-profile-details{align-items:start;display:flex;flex-direction:row;gap:8px;justify-content:center;& .user-card-info-text{color:#ffffff95;line-height:20px;margin:0;text-align:center}}}}& .user-profile-follows{height:84vh;margin:0 auto;padding-bottom:32px;width:500px}& .user-purchased-items{width:95%}}}& .discover-panel{position:fixed;right:0;width:25%}}}@media (max-width:1025px){.profile-page{height:91vh;margin:60px 0 0;& .profile-page-content{display:flex;flex-direction:column;& .profile-head{border-radius:0 0 100% 100%;flex-direction:column;height:30vh;margin:0 auto;padding:16px 0;width:100%;& .profile-userphoto{border-radius:99px;height:150px;margin:auto;overflow:hidden;width:150px;& .header-avatar{height:100%;width:100%}}& .profile-navigation{display:flex;flex-direction:row;gap:40px;justify-content:center;& .nav-icon{flex-direction:column;padding:16px 16px 0}& .posts-icon{margin-left:0;margin-top:-25px}& .people-icon{margin-left:0;margin-top:-25px}}}& .profile-main-content,& .user-posts{height:auto;margin:16px auto;overflow-y:auto;width:95%}& .profile-main-content{padding-bottom:32px}& .user-profile-follows{height:auto;margin:16px auto;overflow-y:auto;padding-bottom:32px}& .discover-panel{display:none}}}}@media (max-width:821px){.profile-page{margin:110px 0 0}}@media (max-width:541px){.profile-page{& .profile-page-content{& .user-profile-follows{width:90%}}}}.sticky-profile-head{height:1px}.featured-section-component{& .featured-section-container{.featured-tabs{display:flex;justify-content:space-around;& .featured-tab-item{cursor:pointer;font-size:var(--text-md);font-weight:700;& .tab-underline{border-radius:1px;height:2px;width:100%}}}& .media-music{display:flex;flex-direction:column;flex-wrap:wrap;gap:16px;padding:24px 0;& .media-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:4px;.upload-track{align-items:center;background-color:var(--black-10);border:1px solid var(--acc-blue);border-radius:14px;border-radius:99px;cursor:pointer;display:flex;flex-direction:row;gap:8px;height:40px;justify-content:center;text-align:center;width:180px;width:170px;& .icon{margin:4px 0 0}& p{color:var(--acc-blue);font-size:var(--text-md);margin:auto 0}}.upload-track:hover{cursor:pointer}}.track-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));max-width:100%}.track-item{align-items:start;background-color:var(--black-10);border-radius:14px;display:flex;flex-direction:row;gap:8px;padding:12px;position:relative;&:hover{background-color:var(--black-20)}.track-thumbnail{cursor:pointer;height:50px;min-height:50px;min-width:50px;width:50px;& img{border-radius:8px;height:100%;width:100%}}.track-details{display:flex;flex-direction:column;gap:4px;margin:0;width:100%;& p{margin:0}.track-title{font-size:var(--text-base);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:wrap}.track-artists{font-size:var(--text-md)}.track-album-year{color:var(--text-grey);font-size:var(--text-sm)}}.play-button{margin:auto 0}& .delete-button{background-color:#ffffff20;border-radius:99px;display:none;height:22px;min-height:22px;min-width:22px;padding:2px;position:absolute;right:-6px;top:-6px;width:22px}&:hover .delete-button{display:inline}}.track-item .slider{align-items:center;display:flex;flex-direction:row;gap:8px;margin-top:8px;width:100%}&.playing{align-items:flex-start;flex-direction:column}}& .merch{flex-wrap:wrap;gap:16px;padding:24px 0 48px;& .mixes-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:4px;.upload-merch{align-items:center;background-color:var(--black-10);border:1px solid var(--acc-blue);border-radius:14px;border-radius:99px;cursor:pointer;display:flex;flex-direction:row;gap:8px;height:40px;justify-content:center;text-align:center;width:180px;width:170px;& .icon{margin:4px 0 0}& p{color:var(--acc-blue);font-size:var(--text-md);margin:auto 0}}}& .merch-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;.merch-item{align-items:center;background-color:var(--black-10);border-radius:14px;display:flex;flex-direction:column;min-height:270px;min-width:270px;padding:12px;width:180px;.merch-thumbnail{height:180px;width:180px;& img{border-radius:8px;height:100%;width:100%}}.merch-details{margin:auto 0;padding:16px 0;& h3{margin:0}.merch-title{font-size:var(--text-md);font-weight:600}.merch-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-grey);display:-webkit-box;font-size:var(--text-sm);overflow:hidden}.merch-price{font-weight:700;padding:4px 0}}& .delete-button{background-color:#ffffff20;border-radius:99px;display:none;height:22px;min-height:22px;min-width:22px;padding:2px;position:absolute;right:-10px;top:-10px;width:22px}&:hover .delete-button{display:inline}.buy-button{border:1px solid var(--main-blue);border-radius:99px;display:flex;justify-content:center;padding:8px;& .icon{margin:4px 8px 0}& p{color:var(--main-blue);font-size:var(--text-md);font-weight:700;margin:0 12px}}}}}& .events{display:flex;flex-direction:column;flex-wrap:wrap;gap:16px;padding:24px 0;.events-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:4px;.create-event{align-items:center;background-color:var(--black-10);border:1px solid var(--acc-blue);border-radius:14px;border-radius:99px;cursor:pointer;display:flex;flex-direction:row;gap:8px;height:40px;justify-content:center;text-align:center;width:180px;width:170px;.icon-text{display:flex;justify-content:center;margin:auto;& .icon{margin:auto 8px}& p{color:var(--acc-blue);font-size:var(--text-md);margin:auto 0}}}}.event-item{background-color:var(--deep-blue-10);border-radius:10px;box-shadow:-8px 8px 0 2px #00000080;cursor:pointer;display:flex;gap:24px;margin-top:16px;padding:12px;.event-thumbnail{max-height:250px;max-width:250px;min-height:250px;min-width:250px;& img{border-radius:8px;height:100%;width:100%}}.event-details{.event-title{margin:0}.event-date-loc{display:flex;font-size:var(--text-md);gap:8px;margin:8px 0 0}.event-date-posted{color:var(--text-grey);font-size:var(--text-sm);margin:16px 0 8px}& .event-description{-webkit-box-orient:vertical;-webkit-line-clamp:3;color:var(--stone-grey);display:-webkit-box;font-size:var(--text-md);overflow:hidden;overflow-wrap:break-word!important;text-overflow:ellipsis;white-space:pre-wrap!important}.performers-list{align-items:center;display:flex;flex-direction:row;gap:8px;& p{margin:12px 0 0}& .performers-list-label{font-size:var(--text-md)}& .performer{color:var(--sand-beige);font-weight:700}}.invite-response{display:flex;gap:8px;margin:8px 0;.response-option{align-items:center;border:1px solid var(--sand-beige);border-radius:8px;display:flex;flex-direction:row;gap:8px;padding:8px 12px;& p{color:var(--sand-beige);font-size:var(--text-md);margin:0}}& .response-option:hover{background-color:var(--cyan-10)}}}& .delete-button{background-color:#ffffff20;border-radius:99px;display:none;height:22px;min-height:22px;min-width:22px;padding:2px;position:absolute;right:-5px;top:-20px;width:22px}&:hover .delete-button{display:inline}}}}}.featured-section-container .media-music .track-list .track-item.playing{align-items:flex-start;flex-direction:column}.featured-section-container .media-music .track-list .track-item .slider{align-items:center;display:flex;flex-direction:row;gap:8px;margin-top:8px;width:100%}.featured-section-container .media-music .track-list .track-item .slider .progress-bar{appearance:none;border-radius:2px;height:3px;width:100%}.featured-section-container .media-music .track-list .track-item .slider .progress-bar::-webkit-progress-bar{background-color:var(--text-grey);border-radius:5px}.featured-section-container .media-music .track-list .track-item .slider .progress-bar::-webkit-progress-value{background-color:var(--cyan);border-radius:5px}.featured-section-container .media-music .track-list .track-item .slider .progress-bar::-moz-progress-bar{background-color:var(--cyan)}.create-merch-overlay{background-color:var(--black-50);bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;z-index:99;& .create-merch-card{background-color:var(--dark-blue);border-radius:10px;margin:5% auto auto;padding:24px;width:500px;& .create-merch-header{display:flex;justify-content:space-between;padding-bottom:8px;.overlay-title{margin:0}.close-overlay-button{margin:auto 0}}}.create-merch-form{.input-fields-section{.form-field{margin-bottom:24px;.upload-thumbnail{display:flex;gap:24px;justify-content:center;.thumbnail-preview{border-radius:10px;height:160px;max-height:160px;max-width:160px;width:160px;& img{border:#0000;border-radius:10px;height:100%;object-fit:cover;width:100%}}& .file-uploader{border:1px dashed var(--acc-blue);border-radius:4px;height:125px;justify-content:center;padding:16px;width:125px;&:hover{cursor:pointer}.uploader-icon{display:flex;justify-content:center;padding:16px}& .clickable-label,.file-name{color:var(--acc-blue);font-size:var(--text-sm);text-align:center;&:hover{cursor:pointer}}.file-name{color:var(--text-grey)}}}.label{color:var(--text-grey);font-size:var(--text-sm);font-weight:700;text-transform:uppercase}.input-field{background-color:initial;border:0;border-bottom:1px solid var(--acc-blue);font-size:var(--text-base);outline:#0000;padding:12px 16px 16px;width:92%}& .datepicker-container{position:relative;width:100%;.react-datepicker-wrapper{padding:0 8px;width:100%}.calendar-icon{bottom:20px;left:0;position:absolute}}& .post-content{font-size:var(--text-base);margin:auto 0;padding:8px 16px 0}}}& .form-buttons{display:flex;gap:16px;justify-content:flex-end;.button{width:50%}}}}.merch-details-overlay{animation:fadeSlideInRight .3s ease-out forwards;bottom:0;overflow-y:scroll;padding:16px;position:fixed;right:0;top:0;width:500px;z-index:99;& .merch-details-card{background-color:var(--deep-blue);border-radius:12px;overflow:scroll;padding:8px 16px;.merch-details-header{align-items:center;display:flex;justify-content:space-between}& .merch-details-content{& .merch-thumbnail{& img{border-radius:8px;height:100%;width:100%}}& h3{margin:12px 0}& .merch-description{color:var(--faded-white);font-size:var(--text-md)}}}}.user-profile-follows{& .follows-tabs{display:flex;gap:16px;justify-content:center;margin-bottom:24px}.tab-item{text-align:center;width:fit-content;& .count{padding:8px}& .tab-underline{border-radius:1px;height:2px;width:100%}}& span{font-size:var(--text-base);margin:0 4px}& .count-number{font-weight:700}.user-follows-card{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:0 auto;width:100%;.image-name{display:flex;gap:16px}.user-image-card{background-color:#fff3;border-radius:100%;margin:auto 0;max-height:35px;min-width:35px;width:35px;img{border-radius:100%;height:100%;width:100%}}.user-name-card{font-size:var(--text-md);font-weight:700;margin-bottom:-6px}.user-handle-card{color:var(--text-grey);font-size:var(--text-sm)}}}.user-profile-info{background-color:var(--deep-blue-10);border:1px solid var(--sand-beige-10);border-radius:20px;padding:24px 24px 16px;& .name-and-cta{align-items:center;display:flex;flex-direction:column;& .names{text-align:center;& .name{font-size:var(--text-lg);margin:0}& .userhandle{color:var(--text-grey);margin:4px auto 24px}}& .user-profile-card-cta{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:center}}& .user-profile-details{align-items:start;display:flex;flex-direction:row;gap:8px;justify-content:center;& .user-card-info-text{color:#ffffff95;line-height:20px;margin:0;text-align:center}}}.items-purchased{padding:0 32px 40px;width:100%;& .items-purchased-tabs{display:flex;flex-direction:row;gap:56px;justify-content:space-around;& .its-a-tab{align-items:center;cursor:pointer;display:flex;flex-direction:column;& .tabname{font-size:var(--text-md);font-weight:700}& .bottborder{height:2px;width:50px}}}& .tickets-tab-display{padding:32px 0;& .active-tab-heading{font-size:var(--text-md);font-weight:700}& .tickets-list-container{display:flex;flex-wrap:wrap;gap:24px;padding:24px 0;& .purchased-item-card{align-items:center;border:1px solid var(--cyan-20);border-radius:12px;box-sizing:border-box;display:flex;flex-basis:calc(33.333% - 16px);flex-direction:row;flex-grow:0;flex-shrink:0;gap:24px;padding:16px;@media (max-width:1024px){flex-basis:calc(50% - 12px);flex-grow:1;flex-shrink:1}@media (max-width:640px){flex:1 1 100%}& .purchased-item-thumbnail{border-radius:4px;height:70px;min-height:70px;min-width:70px;overflow:hidden;width:70px;& img{width:100%}}& .purchased-item-details{width:100%;.purchased-item-name{font-size:var(--text-base);font-weight:bolder;margin:0 0 4px}.purchased-item-artist{font-size:var(--text-sm);font-weight:700;margin:0 0 10px}.purchased-item-dop{color:var(--text-grey);font-size:var(--text-sm);font-weight:700}& .slider{align-items:center;display:flex;flex-direction:row;gap:12px}& .slider input{width:70%}}}}}}.radio-page{display:flex;margin:80px 40px;& .radio-stations-carousel{max-width:95%;& .station-description{background-color:var(--black-20);border-radius:12px;display:flex;gap:20px;margin:20px 40px;padding:20px;.station-name{color:var(--cyan)}}& .whats-up{background-color:var(--black-20);border-radius:12px;margin:20px 40px;padding:20px;.title{align-items:center;display:flex;flex-direction:row;font-weight:700;gap:8px;width:fit-content;& p{font-size:var(--text-md);margin:0}}& .tooltip{background-color:var(--dark-blue);border-radius:8px;margin-top:8px;padding:8px;position:absolute;& p{font-size:var(--text-sm);margin:0}}& .title:hover .tooltip{visibility:visible}}}& .right-panel{width:40%;& .radio-page-player{background-color:var(--black-20);border:1px solid var(--cyan-50);border-radius:20px;height:fit-content;padding:12px 40px;& .now-playing{color:var(--text-grey);font-size:var(--text-sm);font-weight:700;text-align:center}& .row-section{display:flex;justify-content:space-between;& .radio-player{display:flex;gap:16px;padding:20px 0;width:75%;& .radio-player-image{animation:spin 30s linear infinite;height:120px;width:120px}& .radio-deets-controls{& .genres{font-size:var(--text-sm);margin:0}& .radio-controls{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:start;padding:16px 0;& .skip-button{cursor:pointer}& .play-button,.stop-button{cursor:pointer;padding:6px 8px}}}}& .mini-channel-list{display:flex;flex-wrap:wrap;gap:16px;height:fit-content;padding:20px 0;width:25%;.channel-thumbnail{border:.5px solid var(--cyan-20);border-radius:4px;height:50px;margin:0;overflow:hidden;width:50px;& img{width:100%}}}}}& .radio-updates-feed{background-color:var(--black-20);border-radius:20px;height:fit-content;margin:20px 0;padding:12px 40px}}.poster{border-radius:10px;height:auto;margin:0 auto;overflow:hidden;width:450px}.poster img{border-radius:10px;width:100%;z-index:1}.radio-deets{color:#fff;margin-top:12px;text-align:center;width:100%;& h5{margin:12px auto 0}& .action-buttons{display:flex;flex-direction:row;gap:16px;justify-content:center;margin-top:12px;& .add-to-likes{margin:auto 0}& .play-button{align-items:center;background-color:var(--black-20);border-radius:4px;display:flex;flex-direction:row;gap:8px;padding:8px;width:fit-content;& p{color:var(--cyan);font-size:var(--text-md);margin:0}}}}}.radio-page{.radio-carousel-component{max-width:100%;padding:0 24px;text-align:center}.slider-container{margin:0 auto;padding:40px;position:relative}.carousel-container{max-width:500px;opacity:.5;position:relative;transform:scale(.8);transition:transform .3s ease,opacity .3s ease}.slick-center .carousel-container{display:flex;opacity:1;transform:scale(1);z-index:2}.poster{border-radius:10px;overflow:hidden;width:450px}.poster img{border-radius:10px;width:100%;z-index:1}.radio-deets{color:#fff;margin-top:12px;text-align:center;width:100%;& h5{margin:12px auto 0}& .action-buttons{display:flex;flex-direction:row;gap:16px;justify-content:center;& .add-to-likes{margin:auto 0}& .play-button{align-items:center;background-color:var(--black-20);border-radius:4px;display:flex;flex-direction:row;gap:8px;padding:8px;width:fit-content;& p{color:var(--cyan);font-size:var(--text-md);margin:0}}}}.overlay{background:#00000080;border-radius:10px;bottom:0;left:0;position:absolute;right:0;top:0;z-index:2}.slick-center .overlay{display:none}.slick-next,.slick-prev{z-index:3}.slick-next:hover,.slick-prev:hover{color:#555}.slick-dots li button:before{color:#ccc}.slick-dots li.slick-active button:before{color:#000}}.sample-packs-page{max-height:92vh;padding:100px 24px 0;& .sample-page-wraper{& .pack-full-content{display:flex;flex-direction:row;gap:32px;.pack-image{border-radius:20px;height:84vh;min-width:50%;overflow:hidden;width:50%;& img{height:100%;object-fit:cover;padding-bottom:32px;width:100%}}& .pack-information{.pack-details{position:relative;.tabs{display:flex;flex-direction:row;gap:32px;.single-tab{cursor:pointer;padding-right:24px}}& .tab-content{margin:32px 0 200px;overflow:scroll;.body-text{white-space:pre-line}}.price-and-cta{align-items:center;background-color:var(--dark-blue);border-radius:20px;bottom:48px;display:flex;flex-direction:row;justify-content:space-between;padding:12px 24px;position:fixed;width:40%;.name-and-price{.sample-pack-name{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:var(--text-xl);margin:4px 0}.sample-pack-price{font-size:var(--text-lg);margin:4px 0}}}}}}}}@media (max-width:912px){.sample-packs-page{padding:140px 24px 0;& .sample-page-wraper{& .pack-full-content{flex-direction:column;.pack-image{height:500px;width:100%}& .pack-information{.pack-details{.price-and-cta{width:87%}}}}}}}@media (max-width:541px){.sample-packs-page{& .sample-page-wraper{& .pack-full-content{.pack-image{height:300px;width:100%}& .pack-information{.pack-details{.price-and-cta{width:82%}}}}}}}@media (max-width:426px){.sample-packs-page{& .sample-page-wraper{& .pack-full-content{& .pack-information{.pack-details{.price-and-cta{align-items:center;display:flex;flex-direction:column;gap:16px;width:77%;.name-and-price{text-align:center;width:100%;.sample-pack-name{font-size:var(--text-lg);margin:4px 0}.sample-pack-price{font-size:var(--text-base);margin:4px 0}}}}}}}}}.sign-in{background-image:url(/static/media/sign_bg.322e7c3a1eaa4e710655.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;& h1,h5{margin:0;text-align:center}& .sign-in-container{align-items:center;display:flex;flex-direction:row;height:100vh;& .left-panel{height:fit-content;width:50%;& .logo{align-items:center;display:flex;flex-direction:column;& .submerge-logo{width:80%}& .tagline{font-family:Zen Dots,serif;font-size:var(--text-md);margin:0 auto;text-align:center}}}& .right-panel{justify-content:center;width:50%;.sign-in-card{background-color:var(--black-10);border-radius:20px;margin:0 auto;padding:24px;width:70%;& .sign-in-form{.error-message{.error-text{color:var(--error);font-size:var(--text-sm);text-align:center}}.input-fields-section{.rememberme-forgotpass{display:flex;font-size:var(--text-md);justify-content:space-between;padding:16px 0;.rememberme{display:flex;gap:8px;width:50%;.remember-me-checkbox{margin:auto 0;width:fit-content}label{width:fit-content}}.forgotpassword{.forgotpassword-label{color:var(--acc-blue)}}}}& .label{color:var(--text-grey);font-size:var(--text-sm);font-weight:700}.form-field{padding-top:24px}.password-field{display:flex;position:relative;.toggle-password-icon{bottom:10px;position:absolute;right:8px}}& .form-input{background-color:initial;border:0;border-bottom:1px solid;font-size:var(--text-base);outline:#0000;padding:8px 16px 16px;width:90%}.form-buttons{gap:16px;width:100%}.form-buttons,.switch-form-texts{justify-content:center;padding:16px 0 0}.switch-form-texts{display:flex;font-size:var(--text-sm);gap:4px;.link-to-signup{color:var(--acc-blue);margin:auto 0;text-decoration:none}}}}}}}@media (max-width:913px){.sign-in{& .sign-in-container{align-items:center;flex-direction:column;gap:64px;padding-top:10%;& .left-panel,& .right-panel{width:100%}}}}.sign-up{background-image:url(/static/media/sign_bg.322e7c3a1eaa4e710655.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh}.sign-up h1,.sign-up h5{margin:0;text-align:center}.sign-up .sign-up-container{align-items:center;display:flex;flex-direction:row;height:100vh}.sign-up .sign-up-container .left-panel{height:fit-content;width:50%}.sign-up .sign-up-container .left-panel .logo{align-items:center;display:flex;flex-direction:column}.sign-up .sign-up-container .left-panel .logo .submerge-logo{width:80%}.sign-up .sign-up-container .left-panel .logo .tagline{font-family:Zen Dots,serif;font-size:var(--text-md);margin:0 auto;text-align:center}.sign-up .sign-up-container .right-panel{justify-content:center;width:50%}.sign-up .sign-up-container .right-panel .sign-up-card{background-color:var(--black-10);border-radius:20px;margin:0 auto;padding:24px;width:70%}.sign-up .sign-up-container .right-panel .sign-up-card .sign-up-form .error-message .error-text{color:var(--error);font-size:var(--text-sm);text-align:center}.sign-up .sign-up-container .right-panel .sign-up-card .sign-up-form .input-fields-section .terms-privacy{display:flex;font-size:var(--text-md);gap:8px;padding:16px 0}.sign-up .sign-up-container .right-panel .sign-up-card .sign-up-form .input-fields-section .terms-privacy .terms-privacy-checkbox{margin:auto 0;width:fit-content}.sign-up .sign-up-container .right-panel .sign-up-card .sign-up-form .input-fields-section .terms-privacy span{font-size:var(--text-md);padding-left:4px}.sign-up .sign-up-container .right-panel .sign-up-card .sign-up-form .input-fields-section .terms-privacy span .link-to-termsprivacy{color:var(--acc-blue);text-decoration:none}.sign-up .sign-up-container .right-panel .sign-up-card .sign-up-form .input-fields-section .terms-privacy label{width:fit-content}.sign-up .sign-up-container .right-panel .sign-up-card .sign-up-form .label{color:var(--text-grey);font-size:var(--text-sm);font-weight:700}.sign-up .sign-up-container .right-panel .sign-up-card .sign-up-form .form-field{padding-top:24px}.sign-up .sign-up-container .right-panel .sign-up-card .sign-up-form .form-field .form-input{background-color:initial;border:0;border-bottom:1px solid var(--acc-blue);box-sizing:border-box;font-size:var(--text-base);outline:#0000;padding:0 16px 16px;width:92%}.sign-up .sign-up-container .right-panel .sign-up-card .sign-up-form .input-error-message .error-text{color:var(--error);font-size:var(--text-sm);margin-bottom:0}.sign-up .sign-up-container .right-panel .sign-up-card .sign-up-form .input-error-message .success-text{color:var(--success);font-size:var(--text-sm);margin-bottom:0}.sign-up .sign-up-container .right-panel .sign-up-card .sign-up-form .password-field,.sign-up .sign-up-container .right-panel .sign-up-card .sign-up-form .reenter-password-field{display:flex;position:relative;width:100%}.sign-up .sign-up-container .right-panel .sign-up-card .sign-up-form .password-field .toggle-password-icon,.sign-up .sign-up-container .right-panel .sign-up-card .sign-up-form .reenter-password-field .toggle-reenter-password-icon{color:var(--text-grey);cursor:pointer;position:absolute;right:60px;top:50%;transform:translateY(-50%)}.sign-up .sign-up-container .right-panel .sign-up-card .sign-up-form .form-buttons{gap:16px;padding:16px 0 0;width:100%}.sign-up .sign-up-container .right-panel .sign-up-card .sign-up-form .switch-form-texts{display:flex;font-size:var(--text-sm);gap:4px;justify-content:center;padding:16px 0 0}.sign-up .sign-up-container .right-panel .sign-up-card .sign-up-form .switch-form-texts .link-to-signin{color:var(--acc-blue);margin:auto 0;text-decoration:none}@media (max-width:913px){.sign-up .sign-up-container{align-items:center;flex-direction:column;gap:64px;padding-top:10%}.sign-up .sign-up-container .left-panel,.sign-up .sign-up-container .right-panel{width:100%}}.modal{align-items:center;background-color:#0009;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.modal-content{background-color:var(--black-0);border-radius:12px;box-shadow:0 0 10px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;position:relative;width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.modal-header .title{color:var(--text-white);font-size:var(--text-lg);font-weight:700}.modal-header .close-button{background:none;border:none;color:var(--text-white);cursor:pointer;font-size:24px}.profile-photo-section{align-items:center;border-radius:50%;height:300px;width:300px}.modal-buttons{display:flex;gap:12px;justify-content:flex-end}.modal-buttons .button{background-color:var(--cyan);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:var(--text-base);padding:8px 16px}.edit-profile-form{padding-bottom:80px;position:relative}.edit-profile-form .form-field{margin-bottom:16px}.edit-profile-form .input-field{background-color:var(--black-5);border:none;border-bottom:1px solid var(--acc-blue);color:var(--text-white);font-size:var(--text-base);justify-content:center;padding:10px 12px;width:100%}.edit-profile-form .input-error-message .error-text{color:var(--error);font-size:var(--text-sm);margin-top:4px}.edit-profile-form .save-button{bottom:24px;position:absolute;right:24px}.avatar-editor-wrapper{margin:auto;max-width:320px;min-height:320px;width:100%}.terms-conditions{padding:40px;& .submerge-logo{margin:0 auto;width:150px;& img{width:100%}}& .terms-conditions-content{padding:24px 0;.heading,.heading-date{text-align:center}.heading-date{color:var(--text-grey);font-size:var(--text-md)}& .main-content{.subheading{font-weight:700}.body{text-wrap:wrap;color:#ffffff90;font-size:var(--text-md);line-height:24px;margin-bottom:56px;ol,ul{li{color:#ffffff90}}}}}}
/*# sourceMappingURL=main.f49fcde0.css.map*/