.homePage{display:flex;flex-direction:column;gap:var(--marginVerticalToComponents)}.homePage .travels-container{display:flex;flex-direction:column;gap:var(--px2)}@media screen and (min-width: 768px){.homePage form{flex-direction:row}.homePage .travels-container{display:grid;grid-template-columns:repeat(3,1fr)}}.createTravel-button{position:fixed;display:flex;justify-content:center;align-items:center;bottom:var(--px3);right:var(--px3);height:60px;width:60px;background-color:var(--mainColor);border-radius:50%;z-index:10}.createTravel-buttonLink{display:flex;justify-content:center;align-items:center;width:100%;height:100%;text-align:center;font-size:var(--px6);color:var(--bgColor)}@media screen and (min-width: 768px){.createTravel-button{height:80px;width:80px}}.spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.spinner-container p{margin-top:20px;font-family:var(--fontMain);font-size:var(--fsHeadline);font-weight:700}.spinner{border:4px solid var(--thirdColor);width:var(--fsSubTitle);height:var(--fsSubTitle);border-radius:50%;border-left-color:var(--secondaryColor);animation:spin 1s ease infinite}.spinner-text{font-weight:700;font-size:var(--fsHeadline)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.searchFormHome-form{display:flex;flex-direction:column;gap:var(--px1)}.searchFormHome-form input:focus{outline:var(--inputOutline)}.mainBtn{display:flex;align-items:center;justify-content:center;padding:var(--fsBody);border-radius:var(--borderRadius);font-size:var(--fsBody);width:100%;height:100%;margin:0 auto;font-weight:700;transition:opacity .1s}.btn-primary{background-color:var(--mainColor);color:var(--secondaryColor);cursor:pointer}.btn-secondary{background-color:var(--secondaryColor);color:var(--white);cursor:pointer}.mainBtn a{width:100%;display:flex;align-items:center;justify-content:center}.mainBtn:disabled{cursor:not-allowed!important;opacity:.5}.floatinNotification-container{position:fixed;width:100vw;height:var(--headerHeight);display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--px2);transition:1s all;color:var(--white);text-align:center;font-weight:700;top:0;left:0}.fl-notification-warning{background-color:var(--yellow);color:var(--black)}.fl-notification-success{background-color:var(--green)}.fl-notification-error{background-color:var(--red)}.fl-notification-warning .notification-text{color:var(--black);font-weight:700}.fl-notification-success .notification-text,.fl-notification-error .notification-text{color:var(--white);font-weight:700}.travelCard-container{position:relative;display:flex;flex-direction:column;gap:var(--px1);width:100%;padding:var(--px2);background-color:var(--white);color:var(--secondaryColor);border-radius:var(--borderRadius);font-size:var(--fsBody)}.travelCard-container .toggable-iconContainer{position:absolute;right:var(--px1);top:var(--px1)}.travelCard-container .toggable-iconContainer .toggable-iconImg{width:var(--px2)}.travelCard-header{width:100%;display:flex;align-items:center;justify-content:flex-start;overflow-x:hidden;gap:var(--px1)}.travelCard-header_userAvatar{display:flex;align-items:center;justify-content:center}.travelCard-header_userAvatar .avatarImage{width:var(--avatarSmall);height:var(--avatarSmall)}.travelCard-header_userInfo{display:flex;flex-direction:column;flex-grow:1}.travelCard-usernameText{font-weight:400;font-size:var(--fsSmall)}.travelCard-locations{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-weight:700;text-transform:capitalize}.travelCard-dayInfo{display:flex;justify-content:flex-end;align-items:center;font-size:var(--fsBody)}.travelCard-body{height:100%;width:100%;display:flex;flex-direction:column;padding-top:var(--px1);gap:5px}.travelCard-footer{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:var(--px1)}.travelCard-container .mainBtn{width:max-content;margin:unset;padding:var(--px1) var(--fsBody)}@media screen and (min-width: 768px){.travelCard-container .toggable-iconContainer{display:none}}.avatarImage{border-radius:var(--borderRadius);object-fit:cover}.rowItemWithIcon-container{display:flex;align-items:center;gap:5px}.rowItemWithIcon-iconGroup{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.emptyComponent-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--px4)}.emptyComponent-container p{font-size:var(--fsBody)}.pageHeader{position:fixed;width:100vw;height:var(--headerHeight);top:0;display:flex;align-items:center;justify-content:center;padding:0 var(--paddingX);background-color:var(--secondaryColor);color:var(--mainColor);z-index:100}.pageHeader-nav{display:flex;align-items:center;width:100%;max-width:992px}.header-logo_container{display:flex;flex-grow:1;align-items:center;justify-content:center}.backArrow{display:flex;align-items:center;justify-content:center;border-radius:var(--borderRadius);background-color:var(--white);padding:var(--px1)}.backArrow img{width:var(--px2);transform:rotate(90deg)}.header-logo_link{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}.logo-text{font-size:var(--fsTitle);font-weight:700;color:var(--white)}.logo-text span{font-weight:400}.pageHeader .toggable-iconContainer{display:flex}.pageHeader .toggable-iconImg{width:var(--avatarSmall);height:auto;object-fit:cover;border-radius:var(--borderRadius)}.createTravel-navLink,.desktop-navMenu{display:none}@media screen and (min-width: 768px){.createTravel-navLink{display:block;text-decoration:none;margin-right:var(--px1);color:var(--white)}}.header-navMenu{position:absolute;top:var(--headerHeight);left:-100%;width:100vw;height:calc(100vh - var(--headerHeight));background-color:var(--mainColor);color:var(--secondaryColor);z-index:100;transition:transform .3s}.header-navMenu nav{width:100%;height:100%;display:flex;max-width:992px;margin:0 auto}.header-navMenu nav ul{display:flex;flex-direction:column;align-items:flex-end;width:100%;height:100%;gap:var(--px2);padding:var(--paddingX);font-size:var(--px3)}.header-navMenu nav ul li:last-child{display:flex;align-items:flex-end;flex-grow:1}@media screen and (min-width: 768px){.header-navMenu{top:var(--headerHeight);height:max-content;background-color:transparent}.header-navMenu nav ul{background-color:var(--mainColor);border-bottom-left-radius:var(--borderRadius);border-bottom-right-radius:var(--borderRadius);box-shadow:var(--boxShadowNormal)}}.filterTravel-container{display:flex;width:100%;align-items:stretch;background-color:var(--white);border-radius:var(--borderRadius)}.filterTravel-container .formGroup{position:relative;flex-direction:column;background-color:transparent;font-size:var(--fsSmall);padding:0}.filterTravel-container .formGroup input{position:absolute;cursor:pointer;width:100%;height:100%;opacity:0;top:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.filterTravel-container .formGroup label{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:8px 5px;background-color:var(--white);text-align:center}.filterTravel-container .formGroup:nth-child(1) label{border-bottom-left-radius:var(--borderRadius);border-top-left-radius:var(--borderRadius)}.filterTravel-container .formGroup:nth-child(4) label{border-bottom-right-radius:var(--borderRadius);border-top-right-radius:var(--borderRadius)}.formGroup input[type=radio]:checked~label{background-color:var(--secondaryColor);color:var(--white)}.loginPage{display:flex;flex-direction:column;justify-content:space-between;gap:var(--marginVerticalToComponents)}.loginPage header{display:flex;flex-direction:column;align-items:center;gap:var(--px1)}.loginPage header p{font-size:var(--fsHeadline)}.loginPage header p span{font-weight:700}.loginPage header img{height:var(--px6)}.loginPage h1{font-weight:700}.loginPage h1 span{font-weight:400}.loginPage form{display:flex;flex-direction:column;align-items:center;gap:var(--px1)}.loginPage form .formGroup{padding:0;position:relative}.loginPage form .formGroup input[name=password]{padding-right:var(--px4)}.loginPage input:focus{outline:var(--inputOutline)}.loginPage-toSingUpButtonContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--px1)}@media screen and (min-width: 768px){.loginPage{align-items:center}.loginPage form,.loginPage .loginPage-toSingUpButtonContainer{max-width:var(--widthForInput_Buttons);width:100%}}.createTravel{display:flex;flex-direction:column;gap:var(--marginVerticalToComponents)}.createTravel form{display:flex;flex-direction:column;align-items:center;gap:var(--px2)}.createTravel form .formGroup{flex-direction:column;justify-content:center;align-items:flex-start;background-color:transparent;padding:0}.createTravel form .formGroup .input-group{position:relative;display:flex;align-items:center;width:100%;justify-content:space-between;border-radius:var(--borderRadius);padding-left:var(--fsBody);background-color:var(--white);padding:var(--fsBody)}.createTravel form .formGroup .input-group input{display:flex;justify-content:flex-end;text-align:right;width:100%;height:100%;outline:none;position:absolute;background-color:transparent;left:0;padding:0 var(--fsBody);padding-left:180px}.createTravel input:focus{outline:var(--inputOutline)}.ceckbox-inputContainer{width:100%;display:flex;justify-content:flex-start;align-items:center;gap:var(--px1)}.ceckbox-inputContainer input[type=checkbox]{width:var(--fsBody);height:var(--fsBody)}@media screen and (min-width: 768px){.createTravel form .form-separator{align-items:flex-start}.createTravel form .formGroup .input-group input{position:static;max-width:140px;padding-left:0}}.error-message-container{display:flex;justify-content:flex-start;align-items:center;width:100%}.error-message{font-size:var(--fsSmall);font-weight:700;text-align:left;color:var(--red)}.textWithTitle-container{display:flex;flex-direction:column;gap:var(--px1)}.textWithTitle-text{font-size:var(--fsSmall)}.travelDetailsPage{display:flex;flex-direction:column;gap:var(--marginVerticalToComponents)}.travelDetails-ownerContainer{display:flex;justify-content:flex-end;align-items:center;gap:var(--px1)}.travelDetails-ownerContainer .mainBtn{width:max-content;margin:unset;padding:var(--px1)}.travelDetails-container{display:flex;flex-direction:column;width:100%;height:100%;background-color:var(--white);padding:var(--px2);border-radius:var(--borderRadius);gap:var(--px2)}.travelDetails-travelInfo{display:flex;flex-direction:column;gap:var(--px1)}.travelDetails-container .travelDetails-travelInfo .rowItemWithIcon-container:nth-child(1),.travelDetails-container .travelDetails-travelInfo .rowItemWithIcon-container:nth-child(2){font-size:var(--fsHeadline);font-weight:700;text-transform:capitalize}.travelDetails-features{display:flex;flex-direction:column;gap:var(--px1)}.travelDetails-features h3{font-size:var(--fsBody)}.features-gridContainer{display:grid;grid-template-columns:1fr 1fr;grid-template-columns:auto-fill;align-items:flex-start;gap:var(--px1)}.feature-false{display:none}.travelDetails-driverInfo{display:flex;flex-direction:column;gap:var(--px1)}.travelDetails-driverInfo-flex{display:flex;width:100%;background-color:var(--white);padding:var(--px2);border-radius:var(--borderRadius);gap:var(--px1)}.travelDetails-driverInfo_avatarContainer .avatarImage{width:var(--avatarMedium);height:var(--avatarMedium)}.travelDetails-driverInfo-content{display:flex;flex-direction:column;justify-content:space-between}.travelDetails-driverInfo-content__username{display:flex;width:100%;flex-wrap:wrap;gap:4px;align-items:center;justify-content:flex-start}.linkToMessage{display:flex;gap:var(--px1)}@media screen and (min-width: 768px){.travelDetails-container{flex-direction:row;flex-wrap:wrap}.travelDetails-separator{min-width:40%}.travelDetails-ownerContainer{width:100%;justify-content:flex-start}.travelDetails-driverInfo{flex-direction:row}.travelDetails-driverInfo .mainBtn{height:max-content}}.singUpPage{display:flex;flex-direction:column;gap:var(--marginVerticalToComponents)}.singUpPage form{display:flex;flex-direction:column;align-items:center;gap:var(--px2)}.form-separator{display:flex;flex-direction:column;align-items:center;width:100%;gap:var(--px1)}.form-separator:nth-child(2){border-top:1px solid #1c140d3f;border-bottom:1px solid #1c140d3f;padding:var(--px1) 0}.singUpPage form input:focus{outline:var(--inputOutline)}@media screen and (min-width: 768px){.singUpPage form{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-end}.singUpPage form .form-separator{width:45%;flex-grow:1}.singUpPage form .form-separator:nth-child(2){border:0;order:1}.singUpPage form .form-separator:nth-child(1){order:2}.singUpPage form .mainBtn{margin-top:var(--px4);order:3;max-width:var(--widthForInput_Buttons)}}.inputAvatar-container{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:var(--px1)}.inputFile-container{position:relative;height:100px;width:100px;border-radius:var(--borderRadius);display:flex;justify-content:center;align-items:center;background-color:var(--white)}.inputFile-container img{width:100%;height:100%;object-fit:cover;border-radius:var(--borderRadius)}form input[type=file]{position:absolute;width:100%;height:100%;background:transparent;opacity:0}input[type=file]::file-selector-button{display:none}.userDetailsPage{display:flex;flex-direction:column;gap:var(--marginVerticalToComponents)}.userDetailsPage form .formGroup{flex-wrap:wrap;background-color:transparent;outline:none;padding:0;gap:0;margin:0}.userDetailsPage form{display:flex;flex-direction:column;align-items:center;gap:var(--px1)}.userDetailsPage form input:focus{outline:var(--inputOutline)}@media screen and (min-width: 768px){.userDetailsPage form{align-items:flex-start}.userDetailsPage form .formGroup{max-width:50%}.userDetailsPage form .mainBtn{max-width:50%;margin:unset}}.updateTravelPage,.updateTravelPage form{display:flex;flex-direction:column;gap:var(--marginVerticalToComponents)}.updateTravelPage form .formGroup{flex-direction:column;align-items:flex-start;background-color:transparent;outline:none;padding:0;gap:5px}.updateTravelPage form .formGroup input:focus{outline:var(--inputOutline)}.changePasswordPage{display:flex;flex-direction:column;gap:var(--marginVerticalToComponents)}.changePasswordPage form{display:flex;flex-direction:column;gap:var(--px1)}.changePasswordPage form input:focus{outline:var(--inputOutline)}.forgottenPassword{display:flex;flex-direction:column;gap:var(--px3)}.forgottenPassword form{display:flex;flex-direction:column;gap:var(--px2)}.forgottenPassword form input:focus{outline:var(--inputOutline)}.notFoundPage{display:flex;align-content:center;justify-content:center}.contactPage{display:flex;flex-direction:column;gap:var(--marginVerticalToComponents)}.contactPage form{display:flex;flex-direction:column;gap:var(--px1)}.contactPage form textarea{width:100%;border:none;border-radius:var(--borderRadius);padding:var(--fsBody)}.contactPage form .formGroup{flex-direction:row;flex-grow:1;justify-content:space-between;background-color:transparent;border-radius:0;padding:0;gap:var(--px1)}.icon-email-kumpel{width:100%;display:flex;align-items:center;gap:5px}.formGroup-column{display:flex;flex-direction:column}.footer-component{width:100vw;background-color:var(--secondaryColor);color:var(--white);padding:var(--px2)}.footer-flex{width:100%;max-width:var(--containerWidth);height:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:var(--px2);flex-wrap:wrap}.footer-textContainer p{display:flex}.footer-textContainer p a:last-child{margin-left:3px}.footer-iconsContainer{display:flex;align-items:center;height:100%;gap:var(--px1)}.footer-iconsContainer a{display:flex;align-items:center}.ResetPassword{display:flex;flex-direction:column;gap:var(--px3)}.ResetPassword form{display:flex;flex-direction:column;gap:var(--px2)}.ResetPassword form .formGroup{padding:0;position:relative}.ResetPassword form .formGroup input[name=password]{padding-right:var(--px4)}.passwordHide-Show_container{position:absolute;right:var(--px2);display:flex;justify-content:center;align-items:center}.passwordHide-Show_container img{width:var(--px2);height:var(--px2)}.ResetPassword form input:focus{outline:var(--inputOutline)}:root{--secondaryColor: #1d0100;--bgColor: #f2e9e1;--mainColor: #e8b597;--thirdColor: #FBFDF3;--white: #FFF7F3;--black: rgb(0, 0, 0);--green: rgb(71, 139, 71);--gray: rgba(28, 20, 13, .2);--red: rgb(158, 45, 45);--yellow: rgb(252, 255, 56);--lightGreen: rgb(108, 163, 108);--pinkDark: #EAB6A5;--pinkMedium: #FBCBBB;--pinkLight: #FFE7DD;--fontMain: "Open Sans", sans-serif;--fsTitle: 30px;--fsSubTitle: 20px;--fsHeadline: 16px;--fsBody: 14px;--fsSmall: 12px;--px1em: 16px;--px1: 10px;--px2: 20px;--px3: 30px;--px4: 40px;--px5: 50px;--px6: 60px;--headerHeight: 80px;--containerWidth: 992px;--marginVerticalToComponents: 30px;--boxShadowLarge: 2px 2px 8px #00000083;--boxShadowShort: 2px 2px 4px #00000083;--boxShadowFromAbove: 0px 5px 5px 0px #00000083;--boxShwdowNormal: 0px 4px 20px 0px rgba(0, 0, 0, .1);--inputOutline: 2px solid var(--secondaryColor);--avatarSmall: 40px;--avatarMedium: 55px;--avatarBig: 75px;--iconHeading: 40px;--iconMedium: 25px;--iconNormal: 16px;--iconSmall: 14px;--paddingX: var(--px2);--paddingY: var(--px2);--borderRadius: var(--px2);--widthForInput_Buttons: 500px}*{margin:0;padding:0;box-sizing:border-box}html{overflow-y:scroll}#root{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}body{font-family:var(--fontMain);background-color:var(--bgColor);color:var(--secondaryColor);font-size:var(--fsBody);overflow-x:hidden}main.container{min-height:calc(100dvh - var(--headerHeight));width:100%;max-width:var(--containerWidth);margin:0 auto;padding:calc(var(--headerHeight) + var(--marginVerticalToComponents)) var(--paddingX);overflow-x:hidden}a{text-decoration:none;color:inherit}li{list-style-type:none}button{outline:none;border:none;background-color:transparent}input,.mq-input{border:none;padding:var(--fsBody);width:100%;border-radius:var(--borderRadius);font-family:var(--fontMain);font-size:var(--fsHeadline);background-color:var(--white);color:var(--secondaryColor)}input[type=checkbox]:focus{outline:none}input[type=datetime-local]{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:var(--fsBody);width:100%;padding:var(--fsBody)}input::placeholder{font-family:var(--fontMain);font-size:var(--fsBody);color:var(--secondaryColor)}textarea{resize:none;font-family:var(--fontMain);font-size:var(--fsBody);background-color:var(--white)}textarea:focus{outline:var(--inputOutline)}textarea::placeholder{color:var(--secondaryColor)}.formGroup{width:100%;display:flex;align-items:center;justify-content:space-between;border-radius:var(--borderRadius);padding:var(--px1);gap:var(--px1);background-color:var(--mainColor)}.formGroup .icon{width:var(--px2);height:var(--px2);object-fit:cover}.formGroup-label{font-style:oblique;text-align:left;width:100%;opacity:.5}.title{text-align:center;font-weight:700;font-size:var(--fsTitle)}.subtitle{text-align:left;font-weight:700;font-size:var(--fsSubTitle);line-height:normal;font-style:normal}.subtitle-small{font-size:var(--fsBody);font-weight:700}.inactive{display:none}.bold{font-weight:700}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.shadow{box-shadow:var(--boxShwdowNormal)}.hover:hover{opacity:.8;transition:opacity .1s;cursor:pointer}.column-separation{width:100%;display:flex;flex-direction:column;gap:var(--px1)}@media screen and (min-width: 768px){main.container{padding:calc(var(--headerHeight) + var(--marginVerticalToComponents)) 2px}}.mq-icon-clear{display:none}