*{margin:0;padding:0}:root{color:#fff;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--color-main: #191F26;--color-main-active: #222830;--color-secondary: #3895BD;--color-blur: rgba(55, 72, 99, .3);--section-height: calc(100vh - 158.5px) }a{color:#fff}.group-row{display:flex;justify-content:center;align-items:center;gap:10px}.group-column{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}body{background-color:var(--color-main)}.sections{justify-content:flex-start}fieldset{outline:none;border:hidden}fieldset span{font-size:12px}input{outline:none;border:hidden;padding:10px 15px;border-radius:10px}input:focus-visible{outline:none;border:hidden}.input-invalid{outline:solid rgb(201,50,50)!important}.login-section{width:100vw;height:100vh;gap:30px}.login-logo{width:70px;height:auto}.login-sequence,.login-buttons{width:100%}.login-buttons span{font-size:12px}.login-buttons button{border:none;border-radius:10px;padding:10px 15px;width:70%;background-color:var(--color-main-active);color:#fff}.login-buttons button:disabled{background-color:gray}.login-buttons-outline{border:3px solid var(--color-main-active)!important;background-color:transparent!important}.login-buttons button:hover{background-color:var(--color-secondary)!important}.login-onboarding-input,fieldset{width:100%}input{width:70%}.login-section footer{position:absolute;display:flex;gap:20px;bottom:30px;margin:0 auto}.login-section footer p{color:#fff;font-size:10px;cursor:pointer}.sections section{width:100%;height:-moz-fit-content;height:fit-content}.opdag-gallery{position:relative;justify-content:space-between;overflow-y:hidden;height:calc(var(--section-height) - 20px)!important;padding:10px;overflow-x:hidden}.opdag-gallery-background{width:100%;height:100%;position:absolute;left:0;top:0}.opdag-gallery-background div{width:100%;height:100%;background-position:center center;background-size:cover;position:absolute;left:0;top:0}.opdag-gallery-background-seekLeft,.opdag-gallery-background-seekRight{width:50vw!important;z-index:1}.opdag-gallery-background-seekRight{left:unset!important;right:0!important}.opdag-imageIndicatorWrapper{width:100%;height:7px;gap:10px;z-index:1}.opdag-imageIndicator{width:auto;height:100%;min-width:2px;background-color:#fff3;border-radius:15px;flex:0 1 100%}.opdag-imageIndicatorHighlight{background-color:#fffc}.opdag-gallery-bottom{width:100%;z-index:1;background:linear-gradient(transparent 5%,#0009 70%);padding:10px;margin-bottom:-10px}.opdag-gallery-info{width:100%;align-items:flex-start!important;font-size:1rem;line-height:1cap}.opdag-gallery-info-text{font-size:1em;gap:0px}.opdag-gallery-info-text svg{height:1rem}.opdag-gallery-info-name{font-size:2em;line-height:1cap}.opdag-gallery-buttons{width:100%}.opdag-gallery-buttons button{flex:0 1 100%;height:50px;border-radius:10px;border:none;color:#fff;font-size:1rem;background-color:var(--color-blur);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.opdag-gallery-buttons button:hover{background-color:var(--color-main-active)}.opdag-gallery-smatch-stinger{display:none;width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;z-index:5;animation-name:opdag-gallery-smatch-stinger-show;animation-timing-function:ease-in-out;animation-duration:1.5s;animation-iteration-count:1}.opdag-gallery-smatch-stinger-text{z-index:1}.opdag-gallery-smatch-stinger-text span{font-size:2rem;font-weight:600}.opdag-gallery-smatch-stinger-mutual{width:100%}.opdag-gallery-smatch-stinger-mutual-profiles{gap:15px;width:100%;overflow-x:hidden;z-index:1;animation-name:opdag-gallery-smatch-stinger-mutual-profiles;animation-timing-function:ease-out;animation-duration:1s;animation-iteration-count:1}.opdag-gallery-smatch-stinger-mutual-profiles div{width:100px;height:100px;border-radius:100%;border:3px solid white;background-position:center center;background-size:cover;background-color:gray}@keyframes opdag-gallery-smatch-stinger-mutual-profiles{0%{gap:100px}to{gap:15px}}.opdag-gallery-smatch-stinger-mutual-action{width:100%}.opdag-gallery-smatch-stinger-mutual-action-buttons{width:70%}.opdag-gallery-smatch-stinger-background{width:100%;height:100%;background-position:center center;background-size:cover;position:absolute;left:0;top:0;animation-name:opdag-gallery-smatch-stinger-background-show;animation-timing-function:ease-in-out;animation-duration:1.5s;animation-iteration-count:1}@keyframes opdag-gallery-smatch-stinger-show{0%{opacity:0}20%,70%{opacity:1}90%,to{opacity:0}}@keyframes opdag-gallery-smatch-stinger-background-show{0%{filter:brightness(1) grayscale(0)}20%,70%{filter:brightness(.2) grayscale(1)}90%,to{filter:brightness(.2) grayscale(1)}}@keyframes opdag-gallery-smatch-stinger-mutual-show{0%{opacity:0}20%,to{opacity:1}}@keyframes opdag-gallery-smatch-stinger-mutual-hide{0%{opacity:1}80%,to{opacity:0}}@keyframes opdag-gallery-smatch-stinger-mutual-background-show{0%{filter:brightness(1) grayscale(0)}20%,to{filter:brightness(.2) grayscale(1)}}main{width:100vw;height:100vh;overflow-x:hidden;overflow-y:auto;position:relative}.navTop{width:100%;height:-moz-fit-content;height:fit-content;justify-content:space-between;background-color:var(--color-main);position:sticky;width:calc(100vw - 20px);padding:10px;top:0;left:0;z-index:10}.navTop .icons{width:auto;height:35px}.navTop svg:hover{color:var(--color-secondary)}.navBottom{width:100%;background-color:var(--color-main);position:fixed;gap:0;bottom:0;left:0;z-index:10}.navBottomItem{width:calc(25% - 40px);height:auto;aspect-ratio:1/1;padding:20px;gap:5px;font-size:.8rem}.navBottomItemIcons{width:auto!important;height:40px!important}.navBottomItemActive{background-color:var(--color-main-active)}.outlet{width:calc(100vw - 20px);padding:0 10px;max-height:var(--section-height);overflow-y:auto;overflow-x:hidden}.likes-page{display:flex;flex-direction:column;align-items:center;background-color:#1c1c1c;color:#fff;min-height:100vh;padding:20px}.likes-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px}.settings-button img{width:24px;height:24px}.likes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;margin-top:20px}.like-item{position:relative;background-color:#333;border-radius:10px;overflow:hidden;text-align:center}.like-item img{width:100%;height:auto}.label{position:absolute;top:10px;left:10px;background:#00000080;padding:5px;border-radius:5px;font-size:12px}.daily-roulette{width:100%;margin-top:20px;text-align:center}.roulette-container{display:grid;grid-template-areas:"item1 center item2" "item3 center item4";gap:10px;margin-top:10px}.roulette-item{background-color:#333;width:80px;height:80px;display:flex;justify-content:center;align-items:center;border-radius:10px;font-size:24px}.roulette-center{grid-area:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.spin-button{margin-top:10px;padding:10px;background-color:#4a90e2;color:#fff;border:none;border-radius:5px;cursor:pointer}.navigation{display:flex;justify-content:space-around;width:100%;padding:10px;background-color:#222;position:fixed;bottom:0}.navigation button{background:none;border:none;color:#fff;font-size:16px;cursor:pointer}.outlet{display:flex;flex-direction:column;gap:30px}div.scrollmenu{background-color:#38414d;overflow-x:auto;white-space:nowrap;padding:8px 0;border-radius:22px}.profile-card{position:relative;display:inline-block;background-color:transparent;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px #0000001a;width:200px;margin:0 10px;vertical-align:top}.profile-image img{width:100%;height:auto;display:block;border-radius:10px}.profile-info-container{position:absolute;top:156px;left:0;width:100%;padding:10px;background:#0009;color:#fff;display:flex;flex-direction:column;gap:8px;border-radius:10px 10px 0 0;align-self:flex-end}.profile-info{display:flex;flex-direction:column}.profile-distance,.profile-location,.profile-name-age{margin:5px 0}.action-button{background-color:#38414d;color:#fff;padding:6px 12px;border:none;border-radius:12px;cursor:pointer;font-size:12px;font-weight:700;align-self:flex-end;transition:background-color .3s ease}.action-button:hover{background-color:#f06292}img{height:auto;width:100%}.img{height:350px;background-position:center center;background-size:cover}.message-container{background-color:#38414d;border-radius:10px;padding:2%}.p-msg{height:20px;width:260px}.row-1{display:flex;flex-direction:row;justify-content:space-between;padding-left:2%;padding-right:2%;padding-bottom:4%}.row-2{display:flex;flex-direction:column;gap:10px}.mesg-box-container{background-color:#fff;border-radius:10px}.icon-img{height:50px;width:500px;border-radius:50%;background-position:center center;background-size:cover}.info-msg-contianer{display:flex;flex-direction:column;padding-left:5%}.img-text-container{display:flex;flex-direction:row;padding:4%}.info-msg-contianer,h2,p{color:#000}.profile-section{position:relative;height:var(--section-height);font-family:Arial,sans-serif}.profile-header{text-align:right;font-size:.8rem}.settings-link{text-decoration:none;color:#fff;font-size:2em;font-weight:700}.profile-container{display:flex;flex-direction:row;justify-content:flex-start}.profile-picture-container{position:relative}.profile-picture{width:170px;height:170px;border-radius:10%;-o-object-fit:cover;object-fit:cover}.edit-icon{position:absolute;top:5px;right:5px;background-color:#fff;padding:5px;border-radius:50%}.profile-info{display:grid;grid-template-columns:1fr 1fr;gap:10px;background-color:#2e2e2e;padding:20px;border-radius:10px;width:100%}.profile-info p{margin:5px 0;color:#9a9a9a;padding-bottom:5px;border-bottom:1px solid #444}.profile-info strong{color:#fff;text-align:right}.profile-options{margin-top:10px}.option{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#2e2e2e;margin-bottom:10px;border-radius:10px}.option p{margin:0}.icon{font-size:20px}.option1{display:flex;justify-content:center;margin-top:200px;align-items:center;padding:30px;background-color:#2e2e2e;margin-bottom:10px;border-radius:10px;width:100%;max-width:100%;box-sizing:border-box}.option1 p{margin:0;color:#a79c9c;font-family:Roboto,Open Sans,Arial,sans-serif;font-size:.2rem;text-align:justify;max-width:90%;line-height:1.5}.optionp{color:#0ff}.chat-page{display:flex;flex-direction:column;overflow-y:hidden;height:var(--section-height);background-color:#1c1c1e;color:#fff;padding:10px}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.back-button,.profile-button{background:#fff;color:#000;border:none;font-size:16px;cursor:pointer;padding:3px 12px;border-radius:7px}.icebreakers{display:flex;flex-direction:column;gap:10px;overflow-x:auto;padding:10px 0;background-color:#222830;border-radius:10px}.icebreakers p{color:#fff}.icebreakers span{display:flex;flex-direction:row;gap:10px;padding-left:4px}.button-container{display:flex;gap:4px}.icebreakers button{background:#333;color:#fff;border:none;padding:4px 8px;border-radius:20px;cursor:pointer;font-size:12px}.chat-messages{flex:1;padding:20px 10px 10px;overflow-y:auto}.message{max-width:60%;padding:10px;border-radius:10px;margin-bottom:10px}.received{background:#444;color:#fff;align-self:flex-start}.chat-input{display:flex;padding:10px 0}.chat-input input{flex:1;padding:8px;border-radius:20px;border:none;margin-right:10px}.send-button{background:#444;color:#fff;border:none;padding:8px 12px;border-radius:20px;cursor:pointer}.feedContainerLeft{width:100%}.feedContainerRight{display:flex;justify-content:flex-end;width:100%}.feedMsg{background-color:#444;max-width:60%;padding:10px;border-radius:10px;margin-bottom:10px}.profile-form{display:flex;flex-direction:column;padding:15px;color:#fff;font-family:Arial,sans-serif}.image-section{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.profile-image,.empty-image{width:100%;aspect-ratio:1;background-color:#333;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;position:relative}.empty-image:before{content:"+";font-size:34px;color:#666;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.profile-pic{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px;opacity:.4;margin-top:-43%;margin-left:-15%}.important{color:#c90404;font-weight:700}.section-label{margin-bottom:20px}.about-me-section label,.goals-section label,.traits-section label,.height-section label{display:block;margin-bottom:24px;color:#ff6961}label{font-weight:700}.about-me-input{width:95%;padding:10px;border-radius:8px;border:none;font-size:16px;background-color:#333;color:#fff;resize:none}.goals-section{margin-bottom:30px}.goal-options{display:flex;gap:10px}.goal-option{flex:1;padding:25px;font-size:1.2rem;border-radius:8px;background-color:#333;color:#fff;border:none;cursor:pointer}.h1{font-size:1rem}.traits-section{margin-bottom:30px}.traits-options{display:flex;justify-content:space-between;background-color:#333;padding:30px;border-radius:8px}.height-section{margin-bottom:30px}.height-input{width:95%;padding:10px;border-radius:8px;border:none;background-color:#333;color:#fff;font-size:16px}.extra-section{background-color:#333;padding:50px;border-radius:8px;text-align:center}.goal-option.active{background-color:#ff6961;color:#fff}.traits-options span.active{background-color:#ff6961;color:#fff;padding:5px 10px;border-radius:5px;cursor:pointer}