.action-bar{display:flex;align-items:center;justify-content:flex-end;padding:1rem 1rem 0 1rem}.action-bar h1{margin:0;flex:1}.page-content-header h2{margin:0;padding:1rem 1rem 0}.page-content-header{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px rgb(0 0 0 / .35);width:100%;margin-bottom:2rem}.search-container{flex:1;display:flex;width:100%}.search-input{padding:.75rem 0 .75rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem 0 0 .5rem;border-right:none;font-size:1rem;background:#f9fafb;transition:all 0.15s ease}.search-input:focus{outline:none;border-color:#3b82f6;background:#fff}.app-action-button{padding:.75rem 1.5rem;background:#456ce2;color:#fff;border:1px solid #456ce2;border-radius:0 .5rem .5rem 0;min-width:175px;font-size:1rem;cursor:pointer;transition:background-color 0.15s ease;white-space:nowrap;justify-items:center}.app-action-button:hover{background:#4752c4}#load-more-btn{border-radius:.5rem}.dynamic-grid{margin-top:1.5rem;width:100%}.post-item{width:calc(25% - 1.5rem)}@media (max-width:1350px){.post-item{width:calc(33.3% - 1.33rem)}}@media (max-width:1100px){.post-item{width:calc(50% - 1rem)}}@media (max-width:900px){.post-item{width:100%}}@media (max-width:768px){.post-item{width:calc(50% - 1rem)}}@media (max-width:650px){.post-item{width:100%}}#slugPreview{line-break:anywhere}.post,.postAction,.postCta{position:relative;height:auto;display:flex;flex-flow:column;place-items:center;box-shadow:var(--post-box-shadow);border-radius:.5rem;margin-bottom:2rem;transition:all 0.5s ease-in-out;-webkit-tap-highlight-color:#fff0}.postCta{background:var(--post-cta-bg-color);.content{height:100%;width:100%;min-height:7rem;padding-bottom:.5rem;align-content:center;text-align:center;background:#fff0;border:none;cursor:pointer;color:#fff;font-size:1.2rem;pre{display:inline}}.content:focus{outline:0}.content:hover{background:var(--post-cta-bg-color-hover);border-radius:0 0 .5rem .5rem}}.postAction{background:#fff;margin:.5rem;padding:0 0 1rem 0;.content{display:inline-flex;flex-flow:column;place-items:center;width:100%;.text{width:80%;color:#333}.subtext{align-self:center;font-size:14px;margin-top:.75rem}}}.post{position:relative;background:var(--post-bg-color);min-height:9.5rem;transition:all 0.5s ease-in-out;-webkit-tap-highlight-color:#fff0;.text{height:100%;min-height:3rem;padding:1rem;white-space:pre-wrap;display:flex;flex-grow:1;align-items:center;text-wrap-style:balance;text-align:center;font-size:16px;line-height:1.25;transition:all 0.5s ease-in-out}.flipContent{display:flex;flex-flow:column;width:100%;height:100%;align-items:center;justify-content:center;position:absolute;top:0;transform:rotateY(180deg);visibility:hidden;.fakeStrip{height:2rem}.postDetails{display:flex;flex-flow:row;width:100%;.postMeta{flex-grow:1;display:flex;flex-flow:column;gap:.5rem;align-items:start;justify-content:center;padding:1rem;overflow:auto;text-overflow:ellipsis;text-wrap:balance}.postBtns{display:flex;flex-flow:column;align-self:center;gap:.5rem;padding:0 1rem 0 0}}}}.borrowable-card .flipContent{display:flex;flex-flow:column;width:100%;height:100%;align-items:center;justify-content:center;position:absolute;top:0;left:0;transform:rotateY(180deg);visibility:hidden;backface-visibility:hidden;border-radius:.5rem;background:#fff}.borrowable-card .flipContent .borrowable-details-back{flex-grow:1;display:flex;flex-flow:column;gap:.5rem;align-items:start;justify-content:flex-start;padding:1rem;overflow:auto;width:100%;box-sizing:border-box}.borrowable-details-back p{margin-top:0}.borrowable-card .flipContent .borrowable-actions-back{display:flex;flex-flow:row;align-self:center;justify-content:center;gap:.5rem;padding:.5rem 0;background-color:#f9f9f9;border-top:1px solid #eee;border-radius:0 0 .5rem .5rem;width:100%}.round-button{display:flex;align-items:center;justify-content:center;color:var(--post-resolve-text-color);border:none;border-radius:50%;width:1.75rem;height:1.75rem;font-size:1.1rem;cursor:pointer;padding:0;transition:background-color 0.2s}.round-blue{background-color:var(--post-contact-bg-color)}.round-blue:hover{background-color:var(--post-contact-bg-color-hover)}.round-green{background-color:var(--post-resolve-bg-color)}.round-green:hover{background-color:var(--post-resolve-bg-color-hover)}.round-red{background-color:var(--post-delete-bg-color)}.round-red:hover{background-color:var(--post-delete-bg-color-hover)}.postResolved,.postResolvedTouch{.text{text-decoration:line-through}}.postResolved{pointer-events:none}.strip{height:2rem;width:100%;border-radius:5px 5px 0 0;background:rgb(0 0 0 / .045);align-content:center;transition:all 0.5s ease-in-out;.category{display:block;padding-left:.5rem;font-size:.75rem;text-transform:uppercase;font-weight:500;letter-spacing:.4px}.expiry{visibility:collapse}}.post:active,.post:hover,.postCta:hover,.borrowable-card:hover{z-index:2;cursor:pointer;box-shadow:var(--post-box-shadow-hover)}.flip{transition:all 0.5s ease-in-out;box-shadow:var(--post-box-shadow-hover)!important}.flip .strip .category,.flip .text,.flip .borrowable-content,.flip .borrowable-footer{transition:all 0s 0.22s;visibility:hidden}.flip .flipContent,.flip .strip>.expiry{transition:all 0s 0.25s;visibility:visible}.unflip{transition:all 0.5s ease-in-out}.unflip .strip>.category,.unflip .text,.unflip .borrowable-content,.unflip .borrowable-footer{transition:all 0s 0.25s;visibility:visible}.unflip .flipContent,.unflip .strip>.expiry{transition:all 0s 0.25s;visibility:hidden}.categories{display:flex;align-items:center;place-content:center;gap:2rem;margin:0 auto;padding:1rem 2rem 1rem 2rem;font-size:1.2rem;a{color:var(--text-color);text-decoration:none;padding:0 .5rem;position:relative}a:hover{text-decoration:none}}#logout{cursor:pointer}.inline-label{display:flex;align-items:center;cursor:pointer;margin-bottom:.5rem}.radio-group{display:flex;flex-flow:column;gap:.25rem;flex-wrap:wrap;text-wrap-mode:nowrap}.radio-group label{display:flex;align-items:center;cursor:pointer;margin-bottom:0;height:38px}fieldset textarea{resize:vertical;min-height:10rem}fieldset input::placeholder{color:gray}fieldset input:read-only{color:darkgray;cursor:default}.action-btn{display:flex;text-align:center;align-items:center;justify-content:center;gap:.25rem;background:var(--color-primary);;margin-top:.5rem;padding:.75rem 1.5rem;color:var(--main-button-text-color);border:none;border-radius:5px;cursor:pointer;font-size:1rem;text-wrap-mode:nowrap;transition:0.3s ease;min-width:100px}.action-btn:hover{background:var(--main-button-bg-color-hover);text-decoration:none}.action-btn i{font-size:1.5rem}button:disabled:hover,button:disabled:active,button:disabled{background-color:#ccc;color:var(--color-text-light);border:1px solid #999;cursor:not-allowed;opacity:.6}.btnGroup{justify-content:space-evenly;display:flex;gap:1rem}.btnGroup>.submit{flex:.5;margin:0}.btnGroup-vertical{display:flex;flex-direction:column;gap:.5rem}.btnGroup-vertical>.action-btn{width:100%;margin:0}.clearColor{color:var(--default-button-text-color);border:.5px solid var(--default-button-border-color);background:var(--default-button-bg-color)}.clearColor:hover{background:var(--default-button-bg-color-hover)}.redColor{color:var(--negative-button-text-color);border:1px solid var(--negative-button-border-color);background:var(--negative-button-bg-color)}.redColor:hover{background:var(--negative-button-bg-color-hover)}.modal{display:none;overflow:scroll;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .5);z-index:2000;backdrop-filter:blur(2px)}.modal-content{margin:min(10%, 4rem) auto;padding:1rem;width:280px;box-shadow:var(--post-box-shadow);background-color:var(--color-background);border-radius:.5rem;position:relative}.modal-header{display:flex;align-items:center;margin-bottom:1rem;gap:.25rem}.modal-header h2{margin:0 10px 0 0;text-align:left;overflow:auto;text-wrap-mode:nowrap;text-overflow:ellipsis;flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;hyphens:auto}.modal-header h2.no-ellipsis{text-wrap-mode:wrap;text-overflow:unset}.modal-header h2.no-ellipsis{text-wrap-mode:wrap;text-overflow:unset}.modal-button{background-color:unset;color:#000;border:none;border-radius:50%;font-size:1.375rem;font-weight:700;height:2rem;width:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;align-self:baseline;transition:background-color 0.2s ease}.modal-button:hover{background-color:#e1e1e1}.dynamic-grid{display:flex;flex-wrap:wrap;gap:2rem;width:100%;margin-bottom:2rem}.borrowable-card-wrapper{width:calc(25% - 1.5rem);cursor:pointer}.borrowable-spacer{visibility:hidden;height:0}.borrowable-card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px rgb(0 0 0 / .12),0 1px 2px rgb(0 0 0 / .24);display:flex;flex-direction:column;transition:all 0.5s ease-in-out;margin-bottom:2rem;position:relative;transform-style:preserve-3d}.borrowable-content{padding:1rem 1rem .5rem 1rem;flex-grow:1;backface-visibility:hidden}.borrowable-name{font-size:var(--font-size-l);font-weight:500;margin:0;hyphens:auto}.borrowable-description{font-size:var(--font-size-m);color:var(--color-text-light);line-height:1.5;white-space:pre-wrap;margin-top:.625rem;margin-bottom:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;hyphens:auto}.borrowable-footer{padding:.75rem 1rem;background-color:#f9f9f9;border-top:1px solid #eee;font-size:var(--font-size-xs);color:#888;border-radius:0 0 .5rem .5rem;backface-visibility:hidden}@media (max-width:1350px){.borrowable-card-wrapper{width:calc(33.3% - 1.33rem)}}@media (max-width:1100px){.borrowable-card-wrapper{width:calc(50% - 1rem)}}@media (max-width:600px){.borrowable-card-wrapper{width:100%}}#borrowableCall{display:flex;align-items:center;justify-content:center;gap:.25rem;text-decoration:none;i{font-size:1.5rem}}#deleteBorrowableBtn:hover{font-weight:700}#call,#copyNumberBtn,#callRideOfferBtn,#copyRideOfferNumberBtn{flex:1}.empty-state{display:flex;flex-flow:column;justify-self:center;padding:1.5rem}@media (max-width:450px){.sort-dropdown label{display:none}}@media (max-width:650px){.borrowable-spacer{display:none}}.ride-offer-card{position:relative;border:1px solid #e0e0e0;padding:1rem;background-color:#fff;min-width:230px;flex:1 1 230px;box-sizing:border-box}.ride-offer-card-spacer{min-width:230px;flex:1 1 230px}.ride-offer-content{display:flex;justify-content:space-between;align-items:end;gap:1rem}.ride-offer-details{flex-grow:1;min-width:0}.ride-offer-destination{margin:0 0 .75rem 0;font-size:1.125rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;text-align:left}.ride-offer-departure{font-size:var(--font-size-m);margin:0 0 1rem 0;color:#333}.ride-offer-meta{display:flex;align-items:center;gap:.25rem;margin:.25rem 0 0;color:var(--color-text-light);font-size:14px}.ride-offer-actions{flex-shrink:0}.ride-offer-contact-btn{background-color:#4A6CFA;color:#fff;border:none;padding:10px 16px;font-weight:600;cursor:pointer;white-space:nowrap;text-decoration:none;display:inline-block;transition:background-color 0.2s}.ride-offer-contact-btn:hover{background-color:#3558e6;color:#fff;text-decoration:none}.ride-offer-delete-btn{position:absolute;top:.75rem;right:1rem;background:none;border:none;font-size:22px;line-height:1;cursor:pointer;color:#bbb;width:2rem;height:2rem;border-radius:50%;transition:background-color 0.2s,color 0.2s,opacity 0.2s;opacity:0}.ride-offer-card:hover .ride-offer-delete-btn{opacity:1}.ride-offer-delete-btn:hover{color:#333;background-color:#f0f0f0}.add-ride-offer-btn{padding:.75rem 1.5rem;background:#456ce2;justify-content:end;color:#fff;border:1px solid #456ce2;border-radius:.5rem;font-size:1rem;cursor:pointer;transition:background-color 0.15s ease;white-space:nowrap}.add-ride-offer-btn:hover{background:#4752c4}.ride-offer-list{display:flex;flex-wrap:wrap;gap:2rem;width:100%;justify-content:center}.no-rides-message{text-align:center;padding:4rem 2rem;background-color:#f8f9fa;border-radius:.5rem;border:1px solid #dee2e6;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.no-rides-message p{font-size:1.25rem;color:#6c757d;margin:0}.empty-state-container{display:flex;justify-content:center;align-items:center;text-align:center;padding:4rem 1rem}.empty-state{max-width:400px;text-align:center}.empty-state h2{font-size:1.5rem;margin-top:1.5rem;margin-bottom:.5rem}.empty-state p{color:var(--color-text-light);margin-bottom:1.5rem;text-align:justify;text-align-last:center}.empty-state i{font-size:4rem;color:#ccc}.empty-state button{border-radius:.5rem}.tag-filter-bar{display:flex;flex-wrap:nowrap;gap:.75rem;cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:1rem}.tag-filter-bar.grabbing{cursor:grabbing}.tag-chip{align-items:center;padding:.5rem 1rem;background-color:#efefef;border:unset;border-radius:1rem;color:#4A5568;font-size:.875rem;text-wrap-mode:nowrap;cursor:pointer;transition:all 0.15s ease}.tag-chip:hover{border-color:#d1d5db;background:#f9fafb}.tag-chip.active{background-color:#eef2ff;border-color:#c7d2fe}.tag-chip .remove-tag{cursor:pointer;font-weight:700;background:none;border:none;padding-left:.5rem;color:inherit;font-size:1.5em}@media (max-width:768px){.tag-filter-bar{cursor:grab;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-right:1rem}.tag-filter-bar::-webkit-scrollbar{display:none}}.borrowable-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}#selectedTagsContainer{flex-flow:wrap;justify-content:center}.tag{background-color:#efefef;color:#6b7280;padding:.25rem .5rem;border-radius:1rem;font-size:.8rem}@media (max-width:768px){.dynamic-grid-wrapper{padding:0 1rem max(0.5rem, env(safe-area-inset-bottom)) 1rem}.dynamic-grid{padding:0;margin-bottom:.5rem;gap:1.5rem}.post{margin-bottom:1.5rem}.ride-offer-list-container{padding:0 1rem}.ride-offer-list{gap:1.5rem}.page-content-header{box-shadow:unset;border-radius:unset;margin-bottom:0}.post:active,.post:hover{cursor:pointer;padding:0;box-shadow:var(--post-box-shadow);transition:all 0.5s ease-in-out}.borrowable-card{margin-bottom:1.5rem}.action-bar{padding-top:0}.action-bar h1{align-self:flex-start}.app-action-button{min-width:unset;height:47.5px;padding:0 .75rem}.categories{display:none}.carpooling-header{display:none}.desktop-only-cta{display:none}.modal-fixed{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}}