html{font-family:Arial,sans-serif}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%}.floating-header{display:flex;justify-content:space-between;width:100%;box-sizing:border-box;align-items:center;padding:12px 16px;border-radius:8px;background-color:#fff;box-shadow:0 4px 16px rgba(0,0,0,.1)}.logo-title-container{display:flex;align-items:baseline}.logo{height:24px;margin-right:10px}.site-title{font-size:1rem;font-weight:700;color:#333;margin:0}.parent-tools-dropdown{margin-left:0}.parent-tools-btn{display:flex;align-items:center;justify-content:center;background-color:#f72585;color:#fff;border:none;padding:8px 16px;border-radius:24px;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.btn-icon{display:none}.content-container{flex:1;display:flex;flex-direction:column;width:100%;margin:0 auto}.content-container.search-active{flex-direction:row;width:100%}.map-container{flex:1;position:relative;transition:width .3s ease}.map-container.panel-expanded{width:calc(100% - 50vw)}.map{width:100%;height:100%;max-width:100%;max-height:100%}.map,.map-overlay{position:absolute;top:0;left:0;right:0;bottom:0}.map-overlay{background-color:rgba(0,0,0,.5);transition:opacity .3s ease}.map-overlay.hidden{opacity:0;pointer-events:none}.results-panel{position:relative;height:calc(100vh - 60px);display:flex;flex-direction:row;transition:width .3s ease}.results-panel.expanded{min-width:50vw;max-width:50vw}.results-panel:not(.expanded){width:40px}.panel-toggle{display:flex;align-items:center;justify-content:center;width:40px;background-color:#f3f4f6;cursor:pointer;transition:background-color .3s ease}.panel-toggle:hover{background-color:#e5e7eb}.results-content{flex:1}.filter-to-viewport{justify-content:space-between;margin-top:8px}.school-list-container{position:relative}@media (min-width:1600px){.school-card{flex:1 1 calc(33.333% - 11px)}}@media (max-width:768px){.content-container.search-active{flex-direction:column}.map-container{height:calc(50vh - 20px);width:100%!important}.results-panel{width:100%!important;height:calc(40vh + 20px);flex-direction:column}.results-panel.expanded{min-width:100%;max-width:100%}.results-panel:not(.expanded){height:40px}.panel-toggle{width:100%;height:40px}.panel-toggle svg{transform:rotate(90deg)}.school-list{gap:12px}.school-card{flex:0 0 calc(50% - 6px);min-width:0}}@media (max-width:425px){.logo-title-container{flex-direction:column;gap:5px}}@media (max-width:768px){.content-container.search-active{flex-direction:column-reverse}.map-container{height:calc(50vh - 20px);width:100%!important}.results-panel{width:100%!important;height:calc(40vh + 20px);flex-direction:column}.results-panel:not(.expanded){height:40px}.panel-toggle{width:100%;height:40px}.panel-toggle svg{transform:rotate(270deg)}.floating-header{padding:8px 12px}.logo{height:16px;margin-right:8px}.site-title{font-size:.75rem}.parent-tools-btn{font-size:13px;padding-inline:12px}.btn-icon{display:block;width:20px;height:20px}}.maplibregl-popup-content{padding:0!important;border-radius:.75rem!important;overflow:hidden}.maplibregl-popup-content .bg-card{background-color:#fff}.maplibregl-popup-content .text-card-foreground{color:#333}.maplibregl-popup-content .text-muted-foreground{color:#666}.maplibregl-popup-close-button{font-size:16px;color:#666;background-color:transparent;border:none;padding:8px;cursor:pointer;position:absolute;top:0;right:0;transition:color .3s ease}.maplibregl-popup-close-button:hover{color:#333}.maplibregl-popup-content h3{margin-right:24px}.filter-to-viewport{display:flex;align-items:center;gap:8px}[data-radix-popper-content-wrapper]{z-index:50!important}.tooltip-content{background-color:#fff;color:#000;padding:5px 10px;border-radius:4px;font-size:12px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.search-filters{position:fixed;left:50%;transform:translateX(-50%);z-index:40;background:#fff;max-width:900px;width:calc(100% - 40px);margin:16px auto;padding:15px;border-radius:60px;box-shadow:0 4px 16px rgba(0,0,0,.1);transition:all .3s ease}.search-filters:not(.search-triggered){top:40%;transform:translate(-50%,-50%)}.search-filters.search-triggered{top:90px;max-width:900px;&:has(+.results-panel.expanded){left:75vw;transform:translateX(-50%);width:calc(100% - 54vw)}}.search-bar{display:flex;padding:0;background-color:#fff;border:1px solid #ddd;border-radius:42px;transition:box-shadow .3s ease,background-color .3s ease;align-items:stretch}.search-filters.active .search-bar{background-color:#ececec}.search-item{flex:1;padding:16px 24px;cursor:pointer;position:relative;transition:background-color .2s ease;background-color:transparent;border-radius:42px;min-width:0;overflow:hidden}.search-item:not(:last-child):after{content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background-color:#ebebeb;transition:opacity .2s ease}.search-filters:not(.active) .search-item:hover:not(.active){background-color:#ebebeb}.search-filters.active .search-item:hover:not(.active){background-color:#ddd}.search-filters:hover .search-item:after{opacity:0}.search-item.active{background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.search-item h3{margin:0;font-size:12px;font-weight:800;text-transform:uppercase;color:#717171}.search-item p{margin:4px 0 0;font-size:16px;color:#222;font-weight:500}.search-button{position:absolute;top:50%;right:28px;transform:translateY(-50%);background-color:#f72585;color:#fff;border:none;cursor:pointer;font-size:16px;font-weight:600;width:60px;height:60px;border-radius:60px;transition:width .3s ease,background-color .3s ease,padding .3s ease;overflow:hidden;z-index:1;padding:0}.search-button,.search-button-content{display:flex;align-items:center;justify-content:center}.search-button-content{width:100%;height:100%}.search-icon{flex-shrink:0;width:24px;height:24px}.search-text{opacity:0;width:0;transition:opacity .3s ease,width .3s ease}@media (max-width:768px){.search-filters,.search-filters.search-triggered,.search-filters:not(.search-triggered){border-radius:24px;padding:15px;top:70px;left:50%!important;transform:translateX(-50%)!important;width:calc(100% - 40px)!important}.search-bar{flex-direction:column;border-radius:15px;overflow:hidden}.search-item{border-radius:0;padding:16px 24px;flex:1}.search-item:not(:last-child):after{display:none}.search-button{position:static;width:100%;border-radius:24px;margin-top:8px;transform:none}.search-button.expanded{width:100%}.filters-popover-content,.location-popover-content{position:absolute;top:100%;left:0;width:100%;max-height:80vh;overflow-y:auto;background:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.1);padding:16px;z-index:50}}.popover-content{width:var(--radix-popover-trigger-width,100%)}.popover-content>div{width:100%}.search-item p{padding-right:48px}.search-item:hover{background-color:#ececec}.search-item.active,.search-item:hover{background-color:#fff}.search-item.active .reset-icon,.search-item:hover .reset-icon{display:block}.reset-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;color:#717171;display:none;z-index:10;transition:color .3s ease}.reset-icon:hover{color:#222}@media (min-width:769px){.filters-reset-icon{right:148px}}.search-button.expanded{width:100px;padding-inline:60px}.search-button .search-text{opacity:0;width:0;transition:opacity .3s ease,width .3s ease}.search-button.expanded .search-text{margin-left:8px;opacity:1;width:auto}.search-button:hover{background-color:#f72585}.tabs-component{margin-top:16px}.tabs-list{display:flex;border-bottom:1px solid #ddd}.tabs-trigger{flex:1;cursor:pointer;background-color:transparent;border:none;font-size:14px;text-align:center;transition:background-color .2s ease}.tabs-trigger.active{border-bottom:2px solid #f72585;font-weight:700}.tabs-content{margin-top:16px}.filters-popover-content,.location-popover-content{max-width:95vw;width:var(--radix-popover-trigger-width,100%);z-index:50}@media (max-width:768px){.filters-popover-content,.location-popover-content{top:100%;left:0;width:100%;max-height:80vh;overflow-y:auto;background:#fff;padding:16px}}.location-input-wrapper{position:relative}.location-input{width:100%;padding-right:2.5rem}.location-clear-button{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#64748b}.location-suggestions-list{margin-top:.5rem;border:1px solid #e2e8f0;border-radius:.375rem;background-color:#fff;max-height:200px;overflow-y:auto}.location-suggestion-item{padding:.5rem 1rem;cursor:pointer}.location-suggestion-item:not(:last-child){border-bottom:1px solid #e2e8f0}.location-suggestion-item:hover{background-color:#f1f5f9}.radius-slider{margin-top:1rem}.school-list{overflow-y:auto}.school-grid{padding:16px;margin-top:16px;grid-auto-rows:1fr}.school-card-wrapper{height:100%}.school-card{height:100%;display:flex;flex-direction:column}.results-panel.expanded .school-list{max-height:calc(100vh - 60px - [height of other elements])}.school-list-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.school-list{flex:1;overflow:hidden}.school-grid{display:grid;gap:16px}@media (min-width:1600px){.school-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px) and (max-width:1599px){.school-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.school-grid{grid-template-columns:repeat(1,1fr)}}.school-card-wrapper{width:100%}.school-card:hover{box-shadow:0 4px 6px rgba(0,0,0,.1)}.results-content{display:flex;flex-direction:column;overflow:hidden}.results-content .school-list{flex:1}.results-panel.expanded .school-list{max-height:calc(100vh - 60px - 100px)}.shadow-premium{box-shadow:0 0 0 3px #5b21b6,0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.shadow-growth{box-shadow:0 0 0 2px #7c3aed,0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.shadow-starter{box-shadow:0 0 0 1px #a78bfa,0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.shadow-default{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.school-card{width:100%;box-sizing:border-box;cursor:pointer;transition:box-shadow .3s ease,transform .3s ease}.school-card:hover{transform:translateY(-2px)}.school-card:hover.shadow-premium{box-shadow:0 0 0 3px #5b21b6,0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.school-card:hover.shadow-growth{box-shadow:0 0 0 2px #7c3aed,0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.school-card:hover.shadow-starter{box-shadow:0 0 0 1px #a78bfa,0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.school-card:hover.shadow-default{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.nav-links{display:flex;align-items:center;gap:2rem;margin-left:auto}.nav-link{font-size:1rem;color:#4b5563;text-decoration:none;transition:color .2s ease}.nav-link:hover{color:#1f2937}.school-popup .maplibregl-popup-close-button{display:none}@keyframes popupFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.school-popup .maplibregl-popup-content{padding:0;border-radius:.75rem;overflow:hidden;width:300px}.school-popup{animation:popupFade .2s ease-out}.school-popup .rounded-full{border-radius:9999px}.school-popup .w-8{width:2rem}.school-popup .h-8{height:2rem}.school-popup .p-0{padding:0}.popup-container .school-card{width:300px;max-width:300px;min-width:300px}.popup-container{width:300px}.results-content input[type=text]{background-color:#fff;transition:border-color .2s ease}.results-content input[type=text]:focus{outline:none;border-color:#2563eb}.results-header{padding:16px 16px 8px}.parent-tools-btn:hover{background-color:#f72585}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;max-width:80rem}@media (min-width:640px){.container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.container{padding-left:2rem;padding-right:2rem}}