@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}* 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{left:0;position:fixed;right:0;top:0;z-index:2}.App{margin:0 auto}.mob-header-bg{background:linear-gradient(180deg,#051523 90%,#01294800);height:130px;left:0;position:fixed;right:0;top:0;z-index:1;@media (min-width:820px){display:none}}.tagline{font-family:Zen Dots,sans-serif}.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;margin-bottom:16px;& .label-text{color:#ffffff80;color:var(--text-grey);font-weight:700;padding:4px 0 8px}& .input-with-label,.input-date-with-label,.input-dropdown-with-label,.no-label-input,.text-box{box-sizing:border-box;width:100%}& .input-with-label,.input-date-with-label,.input-dropdown-with-label,.no-label-input{background-color:#0000001a;background-color:var(--black-10);border:0;border-bottom:1px solid #0094d4;border-bottom:1px solid var(--acc-blue);color:#fff;font-size:18px;font-size:var(--text-base);margin:0;outline:none;padding:12px 16px}& .input-password{align-items:center;display:flex;position:relative;width:100%;& .toggle-password-icon,.toggle-reenter-password-icon{position:absolute;right:12px;top:14px}}& .input-with-label::placeholder,.input-dropdown-with-label{color:#ffffff50;font-size:16px;font-size:var(--text-md)}& .input-date-with-label{position:relative;& .datepicker{background-color:initial;border:none;font-family:Noto Sans,system-ui;font-size:16px;font-size:var(--text-md);outline:none;padding:0;width:100%}& .calendar-icon{position:absolute;right:16px;top: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%}.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}}.form-input-radiobtn{.radiobtn-option{.radiobtn-dot{color:#00dfeb;color:var(--cyan)}}}.toggle-switch{display:inline-block;height:24px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:24px;cursor:pointer;inset:0;position:absolute;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;content:"";height:20px;left:2px;position:absolute;top:2px;transition:.3s;width:20px}.toggle-switch input:checked+.toggle-slider{background-color:#4caf50;background-color:var(--accent,#4caf50)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}textarea{background:#0000;border:none;color:#fff;font-family:Noto Sans,system-ui;font-size:16px;font-size:var(--text-md);height:-webkit-fit-content;height:fit-content;outline:none;overflow:auto;resize:none}.user-handle{font-weight:700;width:-webkit-fit-content;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:-webkit-fit-content;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-icon-image{height:18px;width:18px;& img{height:100%;width:100%}}.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:-webkit-fit-content;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-wrapper{background:linear-gradient(180deg,#051523 75%,#01294800);position:relative;z-index:3;@media (min-width:820px){background:#0000;z-index:2}}.header-container,.header-wrapper{height:-webkit-fit-content;height:fit-content}.header-container{align-items:center;display:flex;justify-content:space-between;padding:16px;& .left-btns{align-items:center;display:flex;gap:8px}& .right-btns{align-items:center;display:flex;gap:12px}}.search-btn{--webkit-border-left:2px solid var(--dark-blue);align-items:center;border-left:2px solid var(--dark-blue);flex-direction:row;gap:8px;min-width:20%;padding:8px 16px}.header-suggestions{background-color:var(--dark-blue);border-radius:12px;left:16px;min-width:80%;overflow:scroll;position:fixed;top:16px;z-index:3;@media (min-width:768px){min-width:50%}@media (min-width:820px){min-width:30%;z-index:4}& .header-search{display:flex;flex-direction:row;gap:16px;padding:8px 16px 0}}.cancel-search{align-items:center;display:flex;max-width:10%;@media (min-width:1024px){width:10%}}.search-bar-input{align-items:center;background-color:var(--black-20);border-radius:99px;display:flex;flex-direction:row;gap:8px;padding:8px 16px;width:90%;input{background-color:initial;border:none;outline:none}}.user-menu-entry{border-radius:99px;height:32px;overflow:hidden;width:32px;img{height:100%;width:100%}@media (min-width:1120px){display:none}}.link{text-decoration:none}.submerge-logo{height:35px;width:125px;@media (max-width:821px){display:none}}.submerge-logo-min{height:35px;width:35px;@media (min-width:821px){display:none}}.cart-button{& .cart-count{position:absolute;right:-8px;top:-6px}}.notification-popup-modal{position:absolute;right:16px;top:48px;width:92%;@media (min-width:481px){max-width:70%}@media (min-width:821px){max-width:35%}}.header-user-menu{background-color:var(--dark-blue);border-radius:12px;height:-webkit-fit-content;height:fit-content;overflow:hidden;position:fixed;right:16px;top:60px;width:200px;.menu-list{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:0;text-decoration:none}}.menu-list .usersmenu{align-items:center;display:flex;gap:12px;padding:16px;&:hover{background-color:var(--deep-blue);cursor:pointer}& .profilePic{height:24px;width:24px}& .userIcon{height:16px;width:24px}p{font-size:var(--text-base);margin:0}}.notification-popup{max-height:90vh;z-index:99;& .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;overflow-y:scroll;padding:12px;& .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;min-height:50px;min-width:50px;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}}}& .right-aligned-content{align-items:center;display:flex;gap:8px;position:relative;& .new-notif-indicator{background-color:var(--acc-blue);border-radius:50%;height:10px;width:10px}.notif-timestamp{color:var(--text-grey);font-size:var(--text-xs);position:absolute;right:8px;width:100px}}}& .notification-row:last-child{border-bottom:none}}}.radio-player-component-new{background-color:var(--deep-blue-10);border:1px solid var(--cyan-20);border-radius:99px;left:50%;padding:8px 16px;position:fixed;top:50px;transform:translate(-50%,70%);width:85%;z-index:10;z-index:1;@media (min-width:820px){left:auto;right:165px;top:14px;transform:none;width:-webkit-fit-content;width:fit-content;z-index:3}@media (min-width:1120px){right:120px}}.radio-player-container{justify-content:space-between}.radio-details,.radio-player-container{align-items:center;display:flex;gap:16px}.radio-details{flex-direction:row;width:75%;& .radio-player-image{display:none;height:24px;width:24px}}.radio-channel{align-items:center;display:flex;gap:8px;width:-webkit-fit-content;width:fit-content;& .live-dot{background-color:var(--error);border-radius:99px;height:6px;min-height:6px;min-width:6px;width:6px}p{font-size:var(--text-sm);font-weight:700;margin:0;min-width:-webkit-fit-content;min-width:fit-content;white-space:no-wrap;@media (min-width:481px){font-size:var(--text-md)}}}.radio-controls{align-items:center;display:flex;gap:16px;& .playerbtn{margin:2px 0 -2px}}.scroll-text{overflow:hidden;position:relative;white-space:nowrap}.scroll-inner{animation:marquee 10s linear infinite;display:inline-block;max-width:13ch}.scroll-inner span{display:inline-block;padding-right:1.5rem}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.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;left:50%;padding:8px 16px;position:fixed;top:40px;transform:translate(-50%,70%);width:85%;z-index:10;z-index:1;@media (min-width:820px){left:auto;right:165px;top:14px;transform:none;width:-webkit-fit-content;width:fit-content;z-index:3}@media (min-width:1120px){right:120px}}.toggleRadioOff{& .switch-icon{width:14px;& img{margin-top:2px}}& h4{margin:0}& .text-min{display:none}}.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:-webkit-fit-content;height:fit-content;padding:6px 16px;width:-webkit-fit-content;width:fit-content}}.button:disabled{color:#d3d3d3;opacity:.6}.prim-button:active{box-shadow:0 2px 3px #0000001a;transform:translateY(2px)}.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:-webkit-fit-content;height:fit-content;padding:6px 16px;width:-webkit-fit-content;width:fit-content}}.tertiary-button{width:-webkit-fit-content;width:fit-content;.btn{align-items:center;background-color:initial;border:none;border-radius:20px;color:var(--cyan);display:flex;flex-direction:row;font-size:var(--text-sm);font-weight:700;gap:8px;height:-webkit-fit-content;height:fit-content;padding:6px 0;text-decoration:none;width:-webkit-fit-content;width:fit-content}}.edit-profile-information{width:100%}.edit-profile-form{background:linear-gradient(180deg,#002e5180,#00000080 50%);border-radius:16px;gap:24px;padding:32px}.profile-mobile-userphoto{border-radius:100%;box-shadow:0 0 64px 4px #419cff4d;height:150px;min-height:150px;min-width:150px;text-align:center;width:150px;& .header-avatar{background-position:50%;background-size:contain;border:.2px solid var(--main-blue);border-radius:100%;height:100%;width:100%}}.edit-input-fields-section{width:100%}.form-buttons{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}}.upload-photo-modal{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;overflow:auto;position:fixed;top:0;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;padding:30px;text-align:center;width:500px;.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:-webkit-fit-content;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}.avatar-editor-wrapper{display:flex;justify-content:center;padding:16px 0;width:100%}.edit-email-password{width:100%;.edit-emailpass-form{background:linear-gradient(180deg,#002e5180,#00000080 50%);border-radius:20px;padding:24px;.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}}.edit-promoter-information{.account-selector,.screen-heading{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.account-selector{background-color:var(--black-10);border-radius:16px;gap:32px;margin-bottom:16px;padding:8px 16px 12px;.cw-text{min-width:-webkit-fit-content;min-width:fit-content}.input-dropdown-with-label{-moz-appearance:none;-webkit-appearance:none;border-radius:0;outline:none}}.edit-promoter-form{background:linear-gradient(180deg,#002e5180,#00000080 50%);border-radius:16px;display:flex;flex-direction:row;gap:24px;padding:24px;.edit-input-fields-section{.selected-acc{display:flex;flex-direction:row;justify-content:space-between;padding-bottom:8px;.selected-supp-acc{align-items:center;display:flex;flex-direction:row;gap:8px;& .idx-supp{color:var(--text-grey);font-size:var(--text-xs);font-weight:700}}}.ctabtn{border-top:.5px solid #ffffff25;display:flex;flex-direction:row;gap:24px;justify-content:end;padding:24px 0}.form-group{position:relative;.suggestions-list{background-color:var(--deep-blue);border-radius:8px;overflow:hidden;position:absolute;top:65px;.suggestion-item{padding:12px 16px;&:hover{background-color:var(--ocean-blue)}}}}}}}.no-access{color:red;font-size:36px;margin-top:240px;text-align:center}.admin{background-color:var(--black-10);.admin-wrapper{align-items:top;display:flex;flex-direction:row;width:100%;.admin-sidemenu{left:0;overflow-y:hidden;position:fixed;top:96px;z-index:10}.admin-content{width:100%;.admin-active-container{flex:1 1;margin-left:250px;margin-top:60px;padding:20px;padding:var(--spacing-md,20px);width:75%;.admin-title,.beta-users-table{width:-webkit-fit-content;width:fit-content}.beta-users-table{border-collapse:collapse;margin-top:16px}.beta-users-table td,.beta-users-table th{border:.5px solid var(--text-grey);padding:8px 12px;text-align:left}.beta-users-table th{background-color:var(--black-10)}.auth-container{display:flex;flex-direction:row;gap:32px;padding-bottom:24px;.input-container{background:var(--black-20);border-radius:12px;padding:16px 24px;width:50%;& .button{display:flex;justify-content:end;margin-top:16px}}}.beta-users-list{list-style:decimal}.all-users-view{.active-view-heading{.active-view-title{font-size:var(--text-lg);font-weight:700}}.all-users-table{border-collapse:collapse;margin-top:16px;width:99%}.all-users-table td,.all-users-table th{border:.5px solid var(--text-grey);padding:8px 12px;text-align:left}.all-users-table th{background-color:var(--black-10)}}}.notifications-section{margin-bottom:40px;& .notifications-section-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:100%;.active-view-heading{.active-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:-webkit-fit-content;width:fit-content}.upload-section{background-color:var(--black-10);border-radius:12px;margin:40px 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:-webkit-fit-content;width:fit-content}.basic-info{align-items:start;display:flex;flex-direction:row;gap:32px;padding:16px 0;.upload-file-thumbnail{align-items:center;border:1px dashed var(--ocean-blue);border-radius:16px;display:flex;flex-direction:column;gap:16px;padding: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{background-color:var(--black-20);border-radius:4px;padding:8px 24px;.icon-text{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:space-between;.row-heading{align-items:center;display:flex;flex-direction:row;gap:8px;.texts-desc{font-weight:700}}.upload-icon{margin-top:5px}}.current-files{align-items:start;display:flex;justify-content:space-between;width:100%}}}}.cta-submit{display:flex;flex-direction:row;gap:16px;justify-content:end;padding:12px 0}}.uploaded-sample-packs-list{padding:24px 0;.sample-pack-item{align-items:center;background-color:var(--black-10);border-radius:16px;display:flex;flex-direction:row;gap:32px;justify-content:space-between;margin-bottom:16px;padding:16px 24px;.item-no{color:var(--text-grey);font-weight:700}.kit-thumbnail{border-radius:2px;height:50px;min-height:50px;min-width:50px;width:50px;& img{border-radius:2px;height:100%;object-fit:cover;width:100%}}.sp-table-col{width:20%}.kit-privacy{.privacy-label{align-items:center;display:flex;gap:8px}}}}.published-packs-details{.view-details-mode{.view-details-heading{align-items:center;display:flex;justify-content:space-between;padding-bottom:24px;.heading-title{font-size:var(--text-xl);font-weight:700}.ctabtns{display:flex;gap:32px;.deletebtn{align-items:center;display:flex;gap:8px;& p{color:var(--error);font-size:var(--text-sm);font-weight:800}}}}.details-content{.basic-info{gap:32px;.thumbnail{height:500px;max-height:500px;min-width:500px;width:100%;& img{border-radius:20px;height:100%;object-fit:cover;width:100%}}.info{margin-top:24px;.kit-title{font-size:var(--text-xl);font-weight:700;margin:0}.subinfo{display:flex;gap:16px;justify-content:space-between;margin:12px 0}.kit-subinfo{background-color:var(--black-10);border-radius:12px;padding:8px 16px;width:100%;.kit-subinfo-title{color:#ffffff70;font-size:var(--text-sm);font-weight:700}.kit-subinfo-value{font-size:var(--text-md)}}}}}}}}.loading-overlay{background-color:var(--black-50);bottom:0;left:0;position:fixed;right:0;top:0;z-index:99}.loading-graphic{align-items:center;display:flex;height:94vh;justify-content:center;margin:auto;position:relative}.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{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;position:relative;transform:translateZ(0) scale(1);transform-origin:0 0;width:100%}.ldio-x2uulkbinc div{box-sizing:initial}.prompt-message-overlay{align-items:center;background-color:var(--black-50);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:11}.prompt-message-window{background-color:var(--dark-blue);border-radius:12px;height:-webkit-fit-content;height:fit-content;padding:24px;width:500px}.prompt-heading{align-items:center;display:flex;justify-content:space-between;.prompt-title{font-size:var(--text-base);font-weight:700}}.prompt-body-text{padding:16px 0;text-align:center}.prompt-action-btns{align-items:center;display:flex;gap:16px;justify-content:end}.active-view-heading,.admin-events-view{.active-heading{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.active-view-title{font-size:var(--text-lg);font-weight:700}.data-count{background-color:var(--deep-blue);border-radius:12px;font-weight:700;padding:4px 8px}}.events-list-container{.events-table table{border-collapse:collapse;margin-top:16px;width:100%}.events-table td{border-bottom:1px solid #ffffff10;padding:24px 12px;text-align:left;width:20%}.events-table .rowdata{&:hover{background-color:var(--deep-blue);cursor:pointer}}.events-table th{background-color:var(--black-10);padding:12px;text-align:left;width:20%}}.admin-view-event-heading{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.admin-view-event-title{font-size:var(--text-xl);font-weight:700}.admin-event-details{display:flex;flex-direction:row;gap:24px;margin-top:24px}.admin-event-thumbnail{border-radius:8px;overflow:hidden;width:100%;img{height:100%;object-fit:cover;width:100%}}.admin-event-info{display:flex;flex-direction:column;gap:8px;width:100%}.admin-event-deets{background-color:var(--black-10);border-radius:12px;padding:12px;width:100%}.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:-webkit-fit-content;height:fit-content;padding:6px 16px;width:-webkit-fit-content;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}}& .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>.admin-container,.admin>.admin-sidemenu{margin-left:24px;margin-top:96px}.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;@media (min-width:1024px){height:98dvh;overflow-y:hidden}}.event-details-heading{align-items:start;display:flex;flex-direction:column;justify-content:space-between;padding:24px;@media (min-width:1024px){align-items:center;flex-direction:row}}.grid-left{align-items:top;display:flex;flex-direction:row;width:100%}.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;justify-content:space-between;margin:12px 0;width:100%;@media (min-width:1024px){justify-content:end}}.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;flex-direction:column;padding:0 16px;@media (min-width:1024px){flex-direction:row;gap:32px}}.event-deets-content{order:2;@media (min-width:1024px){height:84dvh;order:1;overflow:scroll;width:50%}}.deets-row,.event-deets-description{background-color:var(--black-20);border:1px solid var(--cyan-10);border-radius:12px;margin:8px 0;padding:16px 24px 8px}.deets-row{align-items:top;display:flex;gap:12px}.deets-icon{opacity:50%}.deets-image{opacity:30%}.deets-label{color:var(--text-grey);font-size:var(--text-sm);font-weight:800;margin:0}.event-deets-description{pre{text-wrap:wrap}}.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:-webkit-fit-content;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%;textarea{width:100%}.char-count{color:var(--text-grey);font-size:var(--text-xs);margin:auto 0;padding:0;text-align:right;width:80px}}}.event-poster-and-cta{display:flex;justify-self:center;order:1;@media (min-width:1024px){order:2;width:50%}}.event-deets-poster{margin:0 auto;width:92dvw;@media (min-width:1024px){width:45dvw}img{border-radius:12px;object-fit:cover;width:100%}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}.bubble-pill{border-radius:15px;box-shadow:var(--bubble-pill-inset);cursor:pointer;max-width:-webkit-fit-content;max-width:fit-content;min-width:-webkit-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:-webkit-fit-content;width:fit-content}}.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:-webkit-fit-content;height:fit-content;padding:6px 16px;width:-webkit-fit-content;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:-webkit-fit-content;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}}}}}}}.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:-webkit-fit-content;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{text-align:center}.events-slider-container{max-width:100%;padding:16px 0;@media (min-width:768px){max-width:100%}& .slick-slide{opacity:.6;transform:scale(.7);transition:transform .3s ease,opacity .3s ease}& .slick-center{opacity:1;transform:scale(1);z-index:2}}.events-carousel-container{filter:grayscale(80%);transition:filter .3s}.events-carousel-container.active{filter:grayscale(0)}.event-poster{border-radius:12px;margin:auto;max-height:30dvh;overflow:hidden;width:84dvw;@media (min-width:480px){width:88dvw}@media (min-width:768px){max-height:75dvh;width:90dvw}}.event-poster img{background-position:50%;margin:auto;object-fit:cover;width:100%}.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;-webkit-clip-path:circle(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:0;position:relative}.events-page-hero{background-image:url(/static/media/event-hero-bg_.1284a0314f90ec135492.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;height:-webkit-fit-content;height:fit-content;padding:120px 24px 40px}.hero-texts{.events-header-text{font-size:24px;font-weight:700;margin:0;@media (min-width:820px){font-size:36px}}.events-header-text,.events-subheader-text{font-family:Zen Dots,serif!important;text-align:center}.events-subheader-text{color:var(--text-grey);font-size:16px;@media (min-width:820px){font-size:24px}}}.all-events-list{padding:24px}.all-events-header{display:flex;flex-direction:column;@media (min-width:768px){align-items:center;flex-direction:row;justify-content:space-between}}.events-search-section{align-items:start;display:flex;gap:16px;width:100%;@media (min-width:768px){width:-webkit-fit-content;width:fit-content}}.adv-search-icon{background-color:var(--dark-blue-50);border-radius:8px;cursor:pointer;padding:10px 14px}.all-events-header .form-input-field,.all-events-header .form-input-field input{width:100%;@media (min-width:768px){width:350px}}.events-showing-results{align-items:center;display:block;gap:16px;justify-content:end;margin-bottom:16px;@media (min-width:768px){display:flex}}.adv-filter-chips{display:flex;flex-wrap:wrap;gap:8px;& .adv-filter-chip{background-color:var(--black-50);border-radius:99px;max-width:-webkit-fit-content;max-width:fit-content;padding:4px 12px}}.all-events{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.event-card-container{background-color:var(--black-20);border-radius:12px;cursor:pointer;overflow:hidden}.event-card-image{height:200px;object-fit:cover;width:100%;img{height:100%;object-fit:cover;width:100%}}.event-card-details{align-items:start;display:flex;gap:16px;padding:16px}.event-card-date{background-color:var(--dark-blue-50);border:1px solid var(--deep-blue);border-radius:10px;height:-webkit-fit-content;height:fit-content;padding:8px 20px;width:-webkit-fit-content;width:fit-content;.event-card-month,.event-card-numdate,.event-card-year{margin:0;text-align:center}.event-card-numdate{font-size:var(--text-lg);font-weight:bolder}.event-card-month{font-size:var(--text-md);font-weight:700;text-transform:uppercase}.event-card-year{font-size:var(--text-xs);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}}.advance-search-overlay{background-color:var(--black-50);bottom:0;display:flex;justify-content:end;left:0;padding:130px 40px 0;position:fixed;right:0;top:0;@media (min-width:1024px){padding-bottom:0;padding-left:40px;padding-right:40px;padding-top:100px}}.events-advance-search-panel{background-color:var(--deep-blue);border-radius:16px;height:-webkit-fit-content;height:fit-content;padding:24px;width:400px}.adv-filter-cta,.popup-modal-heading{display:flex;justify-content:space-between}.popup-modal-heading{align-items:center;flex-direction:row}.popup-modal-title{font-weight:700}.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;@keyframes ldio-x2uulkbinc{0%{height:0;left:24px;opacity:1;top:24px;width:0}to{height:39px;left:4.5px;opacity:0;top:4.5px;width:39px}}.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)}.minispinner-spinner-ripple{height:200px;overflow:hidden;width:200px}.ldio-x2uulkbinc{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;position:relative;transform:translateZ(0) scale(1);transform-origin:0 0;width:100%}.ldio-x2uulkbinc div{box-sizing:initial}}.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:-webkit-fit-content;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{height:100dvh;overflow:scroll;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;margin:32px 0;width:100%;@media (min-width:1024px){flex-direction:row;margin-bottom:60px;margin-left:0;margin-right:0;margin-top:60px}}.landing-page-inner,.lp-heading{display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;justify-content:center}.lp-heading{order:2;padding:16px;@media (min-width:1024px){margin-top:60px;order:1;width:35%}}.lp-heading p{text-align:center;@media (min-width:1024px){text-align:left}}.lp-submerge-logo{margin:0 auto;width:300px;@media (min-width:1024px){margin-bottom:0;margin-left:0;margin-right:0;margin-top:0}img{width:100%}}.lp-tagline{font-family:Zen Dots,serif;font-size:var(--text-md);margin:0}.lp-body{color:var(--text-grey);font-size:var(--text-lg);margin:32px 0}.lp-download-buttons{display:flex;flex-direction:column;gap:16px;justify-content:center;padding-bottom:16px;@media (min-width:1024px){flex-direction:column}}.lp-download-button{margin:0 auto;width:120px;@media (min-width:1024px){margin-bottom:0;margin-left:0;margin-right:0;margin-top:0}img{cursor:pointer;width:100%}}.lp-beta-users-button{align-items:center;display:flex;gap:8px;justify-content:center;@media (min-width:1024px){align-items:start;justify-content:start}}.lp-partners-logo{gap:16px;padding:24px 0;@media (min-width:1024px){justify-content:start}img{aspect-ratio:3/2;object-fit:contain;width:65px}}.lp-img,.lp-partners-logo{align-items:center;display:flex;flex-direction:row;justify-content:center}.lp-img{height:-webkit-fit-content;height:fit-content;order:1;width:100%;@media (min-width:1024px){order:2;width:30%}}.lp-img-mockup{width:70dvw;@media (min-width:820px){width:40dvw}@media (min-width:1024px){width:20dvw}img{width:100%}}.lp-footer{padding:12px 0}.footer-links{align-items:center;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}.mainscreen{height:100vh;overflow:hidden;.mainscreen-content{margin-top:100px;padding:24px 16px;@media (min-width:820px){display:flex;gap:24px;margin-top:60px}@media (min-width:1024px){margin-top:60px}}}.profile-pane{display:none;@media (min-width:821px){display:block;width:33%}}.feed{height:88vh;margin-bottom:32px;overflow-x:hidden;overflow-y:auto;position:relative;scroll-behavior:smooth;width:100%}& .newsfeed-tabs{border-radius:0 0 10px 10px;display:flex;gap:16px;justify-content:space-around;margin-bottom:8px;padding:4px 0 8px;position:-webkit-sticky;position:sticky;top:0;transition:transform .3s ease,opacity .3s ease;z-index:1;.tab-item{text-align:center;width:-webkit-fit-content;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}.right-panel{display:none;@media (min-width:1024px){display:block;width:40%}}.shimmerpost{display:flex;gap:8px;height:-webkit-fit-content;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:-webkit-fit-content;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:-webkit-fit-content;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:-webkit-fit-content;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:-webkit-fit-content;height:fit-content;justify-content:space-between;width:100%;& .post-data-count{margin:auto 0;& span{color:var(--text-grey)}.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}}& .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:-webkit-fit-content;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:-webkit-fit-content;width:fit-content}}}}.content-text{white-space:pre-wrap}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:-webkit-fit-content;width:fit-content}.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{align-items:center;display:flex;flex-direction:column;gap:24px}}.upload-thumbnail{display:flex;gap:24px;justify-content:center}.thumbnail-preview{border-radius:10px;height:200px;max-height:200px;max-width:400px;width:400px;& img{border:#0000;border-radius:10px;height:100%;object-fit:cover;width:100%}}.file-uploader{border:1px dashed var(--acc-blue);border-radius:4px;display:flex;flex-direction:column;height:200px;justify-content:center;padding:16px;width:400px;&: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);text-align:center}.css-13cymwt-control,.css-t3ipsp-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:-webkit-fit-content;width:fit-content}& .remove-performer-button{font-size:var(--text-md);margin:2px 0 0;padding:0}}.create-event-details-row{align-items:start;display:flex;flex-direction:row;gap:16px}.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:-webkit-fit-content;width:fit-content}}& .artist-tag{align-items:center;color:#fff;font-size:var(--text-sm);width:-webkit-fit-content;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;font-weight:700;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;float:right;gap:16px;margin-top:24px;width:-webkit-fit-content;width:fit-content}.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{border-radius:8px;height:100px;min-height:100px;min-width:100px;overflow:hidden;width:100px;& img{object-fit:cover;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{-webkit-appearance:none;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:-webkit-fit-content;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:-webkit-fit-content;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:-webkit-fit-content;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:center;display:flex;flex-direction:row;height:80vh;justify-content:center;margin:2%;max-height:80vh;max-width:90vw;position:relative;width:auto;& 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:50%;cursor:pointer;display:flex;flex-direction:column;height:36px;justify-content:center;min-height:36px;min-width:36px;position:absolute;right:8px;top:8px;width:36px;z-index:1}}}.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:-webkit-fit-content;height:fit-content;min-width:20%;padding:16px;.profile-panel-content{text-align:center;img{background-color:var(--text-grey);background-size:cover;border-radius:100%;height:75px;width:75px;@media (min-width:1121px){height:120px;width:120px}}.user-overview{& .users-name-handle{align-items:center;display:flex;justify-content:center;@media (min-width:1121px){display:block}h3,p{margin:4px}}.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}.editprofile-btn{display:flex;justify-content:center}.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;.top-bubbles-container{.top-bubbles-list{display:flex;flex-wrap:wrap;gap:8px}}}.discover-people-panel{height:-webkit-fit-content;height:fit-content;padding:0;& .cards-container{height:auto;.user-cards{display:flex;flex-wrap:wrap;gap:4px;overflow-y:scroll}}}.user-card{background-color:var(--black-20);border-radius:8px;justify-content:center;justify-content:space-between;padding:12px;text-align:center;width:75px;@media (min-width:1024px){align-items:center;display:flex;flex-direction:row;height:-webkit-fit-content;height:fit-content;margin-bottom:4px;margin-left:0;margin-right:0;margin-top:0;padding-bottom:4px;padding-left:12px;padding-right:12px;padding-top:4px;width:100%}}& .avatar-name{align-items:center;display:flex;flex-direction:column;@media (min-width:1024px){align-items:start;flex-direction:row;gap:8px;text-align:start}& .user-image-card{background-color:#fff3;border-radius:100%;height:32px;margin:auto 0;min-height:32px;min-width:32px;width:32px;& img{border-radius:100%;height:100%;width:100%}}}.user-handle-name{align-items:center;display:flex;flex-direction:column;padding:4px 0;width:100%;@media (min-width:1024px){align-items:start}}.user-name-card{font-weight:700;max-width:10ch;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;@media (min-width:1120px){font-size:var(--text-md);max-width:15ch;text-align:left}@media (min-width:1440px){max-width:30ch}}.user-handle-card,.user-name-card{font-size:var(--text-sm);margin:2px 0}.user-handle-card{color:var(--text-grey);text-align:left}.follow-btn{display:flex;justify-content:center}.discover-people-slider{background-color:var(--dark-blue-50);border-radius:8px;display:block;height:-webkit-fit-content;height:fit-content;margin-bottom:16px;padding:8px;width:100%;@media (min-width:1024px){display:none}}.user-cards{display:flex;gap:12px;overflow-x:scroll}::-webkit-scrollbar{display:none}*{scrollbar-width:none}.radio-player-component{border-radius:24px;bottom:24px;height:-webkit-fit-content;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{display:flex;flex-direction:column;gap:8px;& .section-title{margin:4px}& .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:16px;padding:16px;& .menu-icon{width:24px}& p{font-size:var(--text-md);font-weight:700;margin:0}}}}.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}}}}.postfeed-card-container{display:flex;gap:24px;margin-bottom:24px}.post-feed-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%}.post-feed-heading{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:0 0 8px;& .post-feed-userhandle .user-handle{margin:0}& .time-kebab{align-items:center;display:flex;gap:16px}}.post-more-icon{margin-bottom:-4px;position:relative}.post-options-modal{background-color:var(--dark-blue);border-radius:10px;color:#fff;height:-webkit-fit-content;height:fit-content;padding:0;position:absolute;right:12px;top:38px;width:-webkit-fit-content;width:fit-content;z-index:99}.post-options-list{& .post-option{align-items:center;border-radius:4px;cursor:pointer;display:flex;flex-direction:row;gap:12px;padding:4px 16px;.option-name{font-size:var(--text-md);margin-left:0 12px}}& .post-option:hover{background-color:var(--black-10)}}.post-content-area{width:100%}.edit-post-area{border-radius:12px;width:100%;textarea{border:1px solid var(--cyan-50);border-radius:12px;padding:12px;width:97%}.edit-post-actions{display:flex;gap:8px;justify-content:end;padding:8px 0}}.post-actions{justify-content:space-between}.post-actions,.post-data-count{align-items:center;display:flex}.post-data-count{flex-direction:row;gap:4px;justify-content:start;position:relative;& .post-count{font-size:var(--text-sm)}}.like-tooltip-wrapper{cursor:pointer;display:inline-block;position:relative}.like-tooltip-wrapper .tooltip{background-color:var(--deep-blue);border-radius:4px;display:none;left:0;padding:8px;position:absolute;top:32px;white-space:nowrap;z-index:10}.like-tooltip-wrapper:hover .tooltip{display:block}.post-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}.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{align-items:center;display:flex;justify-content:space-between;& p{font-weight:700}.close-icon{margin:8px 0 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:-webkit-fit-content;width:fit-content}}& .recipient-options{position:relative;& .recipient-dropdown{background-color:var(--deep-blue);border-radius:5px;border-radius:4px;box-shadow:0 0 22px -8px #00000080;left:0;list-style:none;margin:-4px 0 8px;max-height:150px;overflow-y:auto;padding:0;position:absolute;right:0;z-index:1;& .dropdown-item{cursor:pointer;display:flex;gap:8px;padding:12px 16px;.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:-webkit-fit-content;width:fit-content}}.textarea{border-radius:12px;box-shadow:2px 0 20px -9px #00000080;margin:8px 0;width:100%;.compose-message{font-size:var(--text-md);height:6em;line-height:1.2em;padding:12px}}.send-button{display:flex;justify-content:end;width:100%}}}.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:1px solid var(--cyan-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:-webkit-fit-content;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:-webkit-fit-content;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:-webkit-fit-content;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:-webkit-fit-content;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:.5px solid var(--cyan-50);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{align-items:center;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{overflow:scroll;@media (min-width:1024px){height:100vh;overflow:hidden}}.official-page-container{margin-top:100px;padding:24px 16px;@media (min-width:820px){gap:24px;margin-top:60px}@media (min-width:1024px){display:flex;gap:16px;justify-content:space-between}}.official-about-section{background-color:var(--black-20);border:1.5px solid var(--cyan-50);border-radius:12px;height:-webkit-fit-content;height:fit-content;margin-bottom:8px;padding:16px;@media (min-width:1024px){width:24%}}.official-about-image-names{align-items:center;display:flex;flex-direction:row;@media (min-width:1024px){align-items:start;flex-direction:column}}.official-about-image{height:100px;min-height:100px;min-width:100px;width:100px;@media (min-width:1024px){height:80%;margin-bottom:0;margin-left:auto;margin-right:auto;margin-top:0;min-height:80%;min-width:80%;width:80%}img{width:100%}}.official-about-names{display:block;margin:0 8px;@media (min-width:1024px){margin-bottom:0;margin-left:0;margin-right:0;margin-top:0}}.official-about-names .official-profile-name{p{font-family:Zen Dots,serif;font-size:var(--text-lg);@media (min-width:1121px){font-size:var(--text-xl)}}}.official-about-bodytext,.official-about-details{p{font-size:var(--text-base)}}.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:3px 0 0;text-transform:uppercase}}.official-about-section-btns{display:flex;gap:8px;padding:16px 0 0}#radioBtn-mobile{display:flex;@media (min-width:1121px){display:none}}#radioBtn-web{display:none;@media (min-width:1121px){display:flex}}.page-feed-container{margin-bottom:32px;scroll-behavior:smooth;@media (min-width:1024px){height:88vh;overflow-x:hidden;overflow-y:auto;width:60%}@media (min-width:1024px){width:50%}}.page-discover-container{display:none;@media (min-width:1120px){display:block;width:25%}}.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{margin-top:110px;@media (min-width:820px){margin-top:70px}}.profile-wrapper{display:flex;.profile-main-container{width:100%;@media (min-width:1120px){width:65%}@media (min-width:1440px){width:72%}}}.profile-heading{align-items:center;background:linear-gradient(180deg,#01294800,#042c48);border-radius:0 0 24px 24px;display:flex;flex-direction:column;gap:24px;height:-webkit-fit-content;height:fit-content;margin-bottom:16px;padding:24px;@media (min-width:1120px){align-items:start;border-radius:0 20px 56px 0;flex-direction:row}}.profile-avatar{& .header-avatar{height:100px;width:100px;@media (min-width:1120px){height:150px;width:150px}@media (min-width:1280px){height:150px;width:150px}}}.profile-user-details{width:100%;@media (min-width:1120px){width:64%}@media (min-width:1280px){width:70%}@media (min-width:1440px){width:80%}}.names-and-btns{align-items:center;display:flex;justify-content:space-between;& .names{display:flex;flex-direction:column;gap:4px;& .name,.userhandle{margin:0}}& .user-profile-cta{display:flex;gap:8px}}.user-profile-about{align-items:start;display:flex;flex-direction:row;gap:8px;& .user-card-info-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:var(--text-base);margin:0;overflow:hidden;width:100%}& .user-card-info-text.expanded{-webkit-line-clamp:unset;display:block}}.profile-navigation{display:flex;justify-content:space-between;& .nav-icon{align-items:center;display:flex;gap:4px;& .navIcon{margin-top:3px}& .nav-name{font-size:var(--text-sm);margin:0;@media (min-width:820px){font-size:var(--text-md)}}}}.navIcon{.nav-svg-icon{height:14px;width:14px;@media (min-width:820px){height:18px;width:18px}}}.profile-page-content{padding:0 16px 40px}.discover-panel{display:none;padding:0 24px;@media (min-width:1120px){display:block;max-width:30%;position:fixed;right:0}@media (min-width:1440px){max-width:24%}}.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(33.33333%,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{-webkit-appearance:none;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:-webkit-fit-content;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{margin-top:125px;padding-bottom:40px;@media (min-width:1024px){margin-top:60px}}.radio-main-content{align-items:center;display:flex;flex-direction:column;margin:0 auto;width:90%}.radio-slider-container{max-width:90%;padding:16px 0;@media (min-width:768px){max-width:100%}& .slick-slide{opacity:.6;transform:scale(.7);transition:transform .3s ease,opacity .3s ease}& .slick-center{opacity:1;transform:scale(1);z-index:2}}.radio-carousel-container{filter:grayscale(80%);transition:filter .3s}.radio-carousel-container.active{filter:grayscale(0)}.radio-poster{border-radius:12px;margin:0 auto;overflow:hidden;width:75dvw;@media (min-width:768px){width:32dvw}}.radio-poster img{width:100%}.radio-action-buttons{display:flex}.radiopage-play-button{align-items:center;background-color:var(--black-20);border-radius:9px;display:flex;flex-direction:row;gap:8px;margin:8px auto;padding:4px 8px;width:-webkit-fit-content;width:fit-content}.station-description{border-radius:8px;margin:0 auto;text-align:center;width:-webkit-fit-content;width:fit-content;.station-name{font-family:Zen Dots,serif;margin:0}}.whats-up{background-color:var(--deep-blue-20);border:1px solid var(--cyan-50);border-radius:12px;padding:16px 24px;width:90%}.whats-up-title{align-items:center;display:flex;flex-direction:row;gap:8px;position:relative}.whats-up-tooltip{position:absolute;top:24px}.updates-list{display:flex;flex-direction:row;gap:24px}.update-date-posted{color:var(--text-grey);font-weight:700}.submerge-store-page-wrapper,.update-body-content{.submerge-store-page-main{.page-heading{font-family:Zen Dots,serif;margin:20px auto;width:-webkit-fit-content;width:fit-content}.submerge-store-listing{.sample-pack-list{display:flex;flex-wrap:wrap;gap:16px;.sample-pack-item{border-radius:20px;box-shadow:-8px 8px 0 2px #00000080;height:60vh;margin:0 auto 16px;position:relative;width:95%;.sp-thumbnail{border-radius:12px;height:200px;min-height:200px;min-width:200px;overflow:hidden;width:200px;& img{height:100%;width:100%}}.sp-details{align-items:end;background:linear-gradient(0deg,#000000b3,#00000080 50%,#0000);bottom:0;display:flex;justify-content:space-between;left:0;padding:60px 24px 24px;position:absolute;right:0;.title{font-size:var(--text-xl)}.price,.title{font-weight:700}.price{font-size:var(--text-xxl);margin:0}}}}}}}.sign-in{background-image:url(/static/media/sign_bg.322e7c3a1eaa4e710655.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh}.sign-in-container{align-items:center;display:flex;flex-direction:column;gap:32px;height:99dvh;justify-content:center;margin:0 auto;width:100%;@media (min-width:1024px){flex-direction:row;width:70%}}.auth-left-panel,.authpage-logo{@media (min-width:1024px){width:500px}img{width:100%}}.auth-right-panel{@media (min-width:1024px){width:50%}}.signin-form-buttons{display:flex;justify-content:center;padding:12px 0}.rememberme-forgotpass{display:flex;flex-direction:row;justify-content:space-between}.switch-form-texts{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:center;& .link-to-signup{color:var(--acc-blue);text-decoration:none}}.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-container{gap:32px;height:99dvh;justify-content:center;margin:0 auto;width:100%;@media (min-width:1024px){flex-direction:row;width:70%}}.auth-left-panel,.sign-up-container{align-items:center;display:flex;flex-direction:column}.auth-left-panel{height:-webkit-fit-content;height:fit-content;@media (min-width:1024px){flex-direction:row;width:50%}}.authpage-logo{width:300px;@media (min-width:1024px){width:500px}img{width:100%}}.tagline{margin-top:-16px;text-align:center}.auth-right-panel{background-color:var(--black-20);border-radius:16px;height:-webkit-fit-content;height:fit-content;padding:24px;width:75%;@media (min-width:1024px){width:50%}}.auth-form-buttons{display:flex;justify-content:end;padding:12px 0}.terms-privacy{align-items:flex-start;display:flex;gap:8px}.terms-privacy-label{display:inline-flex;flex-wrap:wrap;gap:4px;line-height:1.4}.link-to-termsprivacy{color:var(--ocean-blue);text-decoration:none}.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}}}}}}.sample-packs-page{max-height:92vh;padding:100px 24px 0;& .sample-page-wraper{.price-and-cta{align-items:center;border-radius:20px;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:16px;padding:12px 0;top:100px;.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}}}& .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{width:45%;.pack-details{position:relative;.tabs{display:flex;flex-direction:row;gap:32px;.single-tab{cursor:pointer;padding-right:24px}}& .tab-content{margin:24px 0;overflow:scroll;.body-text{-webkit-user-select:"";user-select:"";white-space:pre-line}& .single-preview-card{background-color:var(--acc-blue-50);border-radius:8px;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:8px;padding:16px 24px;& .play-and-title{align-items:center;display:flex;flex-direction:row;gap:16px;width:50%;.play-btn{cursor:pointer;margin-top:4px}.track-name{font-size:var(--text-sm);font-weight:700;-webkit-user-select:none;user-select:none}}& .slider-duration{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:end;width:50%;.trackslider{width:50%}}}}}}}}}@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}}}}}}}}}
/*# sourceMappingURL=main.5367b178.css.map*/