.book-drive-page-container{display:flex;gap:20px;min-height:70vh}.book-drive-information-container{display:flex;flex-direction:column;gap:20px;flex:1}.book-drive-action-container{display:flex;flex-direction:column;height:325px}.drive-route{display:flex;gap:10px}.drive-route-info{display:flex;flex-direction:column;min-height:80px;gap:20px;justify-content:space-between}.book-drive-action-container{min-width:350px;position:sticky;top:75px}.drive-specific-info{gap:0}.book-drive-action,.drive-specific-info{display:flex;flex-direction:column}.book-drive-action-mobile{width:100%;background-color:white;padding:8px 16px}.book-drive-page-container .event-card-image-container{display:none!important}.book-drive-page-container .event-card-container{margin:0}.mitfahrer-list-container{display:flex;flex-direction:column;gap:10px}@media (max-width:1000px){.book-drive-page-container{flex-direction:column}}@media (max-width:600px){.book-drive-page-container{min-height:100vh}.book-drive-action-mobile{position:sticky;bottom:0;box-shadow:none;border-radius:24px;box-shadow:0 1px 8px #00000014;left:0;z-index:50}}.drive-booked-page-main-container{display:flex;justify-content:center;align-items:center;height:500px}.success-animation-container{display:flex;flex-direction:column;align-items:center;margin-top:40px}.checkmark{width:80px;height:80px;display:block;stroke-width:3;stroke:#4bb543;stroke-miterlimit:10;margin-bottom:20px;box-shadow:0 0 10px #4bb54333;border-radius:50%;background:#fff}.checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:3;stroke:#4bb543;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark-check{stroke-dasharray:48;stroke-dashoffset:48;stroke-width:3;stroke:#4bb543;fill:none;animation:stroke .4s cubic-bezier(.65,0,.45,1) .6s forwards}@keyframes stroke{to{stroke-dashoffset:0}}.gebuchte-fahrten-page-wrapper{display:flex;flex-direction:column;gap:20px}.gebuchte-fahrten-cards-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px}.no-booked-drives-image-container{display:flex;justify-content:center;align-items:center;margin-bottom:20px;max-width:400px}@media (max-width:862px){.gebuchte-fahrten-cards-wrapper{display:flex;flex-direction:column;align-items:center}}select#drive-available-seats{border:1px solid gainsboro!important}.create-drive-free-seates-container{justify-content:space-between;align-items:center;box-shadow:0 0 0 1px rgba(0,0,0,.4);padding:8px;border-radius:8px}.go-ride-loading-page-container{display:flex;width:100%;justify-content:center;align-items:center}.go-ride-page-loader,.go-ride-page-loader div{box-sizing:border-box}.go-ride-page-loader{display:inline-block;position:relative;width:80px;height:80px}.go-ride-page-loader div{position:absolute;border:4px solid var(--go-ride-color);opacity:1;border-radius:50%;animation:go-ride-page-loader 1s cubic-bezier(0,.2,.8,1) infinite}.go-ride-page-loader div:nth-child(2){animation-delay:-.5s}@keyframes go-ride-page-loader{0%{top:36px;left:36px;width:8px;height:8px;opacity:0}4.9%{top:36px;left:36px;width:8px;height:8px;opacity:0}5%{top:36px;left:36px;width:8px;height:8px;opacity:1}to{top:0;left:0;width:80px;height:80px;opacity:0}}.event-detail-header-content{display:flex;gap:20px;flex-direction:row}.event-detail-image-container{overflow:hidden;width:100%;height:235px;max-width:420px;border-radius:18px}.event-detail-image-container>img{width:100%;height:100%;object-fit:cover}.event-detail-text-container{display:flex;flex-direction:column;justify-content:space-between}.event-detail-fahrer-list{display:flex;flex-direction:column;margin-top:20px;gap:20px}@media (max-width:600px){.event-detail-page-root .go-ride-content-wrapper{padding:0}.event-detail-header-content{flex-direction:column;align-items:center}.event-detail-fahrer-header{display:flex;flex-direction:column;align-items:start;gap:10px;padding-top:10px;margin-top:20px;border-top:2px solid #ebebeb}.fahrer-list-action-container{width:100%;position:fixed;left:0;bottom:0;padding:10px 20px 20px;background-color:white;z-index:50}.fahrer-list-action-container>button{width:100%;margin-top:10px}.event-detail-image-container{max-width:100%;height:275px!important;position:fixed;border-radius:0}.event-detail-image-container>img{object-position:center}.event-detail-fahrer-container{margin-top:-16px;padding:20px;background-color:white;border-top-left-radius:24px;border-top-right-radius:24px;z-index:50;position:relative;box-shadow:0 -8px 24px 0 rgba(0,0,0,.18);transition:margin-top .3s cubic-bezier(.4,0,.2,1)}}@media (min-width:800px){.event-detail-fahrer-list{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:20px}.event-detail-li{flex:1;width:100%;min-width:400px}}@media (min-width:875px){.event-detail-fahrer-list>li:last-child{max-width:49%}}.event-image-arrow-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.7);border:none;border-radius:50%;width:36px;height:36px;font-size:20px;cursor:pointer}.event-image-arrow-btn,.loader-container{display:flex;align-items:center;justify-content:center}.loader-container{position:relative;min-width:100px!important;min-height:100px}.events-page-main-container{display:flex;gap:20px}.events-filter-sidebar-container{display:flex;height:fit-content;width:300px;flex-direction:column;position:sticky;top:75px}.events-list-container{display:flex;flex-direction:column;height:100%;flex:1;min-height:300px}.events-list{display:flex;flex-direction:column;gap:16px;margin-top:16px}.offcanvas-filter-button{display:none;background-color:var(--go-ride-color);color:white;padding:5px 20px;border-radius:24px;align-items:center;justify-content:center;gap:10px}.offcanvas-filter-button.mobile{background-color:white;color:black;border:1px solid rgb(202,202,202)}.offcanvas-filter-button.mobile:active{background-color:#ff7a0042;border-color:#ff7a0042}.filter-button{background-color:var(--go-ride-color);color:white;padding:5px 20px;border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:10px}.filter-button,.filter-button:hover{transition:background-color .3s ease}.filter-button:hover{background-color:var(--go-ride-hover-color)}.sidebar-filter-popup-wrapper{border:1px solid rgb(226,226,226);padding:12px;background-color:white}.sidebar-filter-popup-wrapper.open{transform:scaleY(1);opacity:1;pointer-events:auto}.sidebar-filter-popup{opacity:0;transform:translateY(-2px) scale(1);pointer-events:none;transition:opacity .3s ease,transform .1s ease;max-height:200px;overflow-y:scroll;padding:10px;z-index:999}.sidebar-filter-popup.open{opacity:1;pointer-events:auto}.sidebar-filter-popup::-webkit-scrollbar{width:4px}.sidebar-filter-popup::-webkit-scrollbar-thumb{background-color:var(
    --go-ride-color
  );border-radius:4px}.sidebar-filter-popup::-webkit-scrollbar-track{background-color:gainsboro;border-radius:24px}.filter-item-button{padding:10px 20px;border-radius:24px;text-align:center;margin:4px 0}.filter-item-button:hover{background-color:var(--go-ride-hover-color);color:white}.no-events-found{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:2rem}.no-event-image-container{display:flex;justify-content:center;height:300px;width:300px;margin-top:20px}.no-event-image-container>img{width:auto;height:100%;object-fit:contain;max-height:300px;margin-bottom:20px}.offcanvas-filter-container{bottom:0;position:absolute;max-height:800px}.offcanvas-filter-action-container{position:fixed;bottom:0;height:70px;padding:10px;left:0;display:flex;width:100%;justify-content:center;border-top:2px solid #ebebeb}.offcanvas-show-filter-results-btn{width:100%}@media (max-width:600px){.events-list-header-actions{width:100%;justify-content:space-between}.offcanvas-filter-button{display:flex}.events-filter-sidebar-container{display:none}.go-ride-popup-content.event-create{height:100%}}@media (max-width:1031px){.events-list-header-container{flex-direction:column;align-items:flex-start;gap:20px}}@media (max-width:900px){.events-page-main-container{flex-direction:column}.events-filter-sidebar-container{width:100%;position:static}}.image-remove-btn{background-color:rgba(238,238,238,.488);height:20px;width:20px;border-radius:100%}.add-images-btn,.image-remove-btn{display:flex;justify-content:center;align-items:center}.add-images-btn{border-radius:8px;flex-direction:column;font-weight:700;background-color:white;width:100%;height:150px;border:1px dashed #5ff46c;transition:background-color .2s}.add-images-btn:hover{background-color:#c4ffc955;transition:background-color .2s}.image-preview-img{border-radius:8px;width:150px;border:1px solid gainsboro;min-width:150px}.create-event-images-container{overflow-x:auto;padding:10px 0}#event-description{min-height:150px}.my-events-events-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:16px;margin-top:16px}@media (max-width:600px){.my-events-events-wrapper{grid-template-columns:1fr}}.my-events-events-wrapper .event-card-wrapper{width:100%}.my-events-events-wrapper .event-card-image-container{max-height:150px}