.school-directory-section{background-color:var(--yooni-bg);color:var(--yooni-text)}.school-directory{display:flex;flex-direction:column;gap:var(--yooni-space-5);min-width:0}.school-directory [hidden]{display:none!important}.school-directory__head{display:flex;flex-direction:column;gap:var(--yooni-space-3);min-width:0}.school-directory .school-directory__eyebrow{margin:0}.school-directory .school-directory__heading{margin:0;overflow-wrap:anywhere}.school-directory__text{color:var(--yooni-text-muted)}.school-directory__text>:first-child{margin-block-start:0}.school-directory__text>:last-child{margin-block-end:0}.school-directory--center .school-directory__head{align-items:center;text-align:center}.school-directory--center .school-directory__register{justify-content:center}.school-directory--center .school-directory__search{align-self:center;width:100%}.school-directory--center .school-directory__empty{text-align:center}.school-directory__register{display:flex;align-items:center;min-height:var(--minimum-touch-target, 44px);margin:0}.school-directory__register-link{font-weight:var(--yooni-fw-semibold);color:var(--yooni-text);text-decoration:underline;text-underline-offset:.2em;transition:color var(--yooni-dur-fast) var(--yooni-ease)}.school-directory__register-link:hover{color:var(--yooni-accent);text-decoration-thickness:2px}.school-directory__register-link:focus-visible{outline:var(--focus-outline-width, 2px) solid var(--yooni-accent);outline-offset:var(--focus-outline-offset, 2px)}.school-directory{--school-directory-measure: 720px}.school-directory__finder{display:flex;align-items:center;gap:var(--yooni-space-3);width:100%;max-width:var(--school-directory-measure);padding-inline:var(--yooni-space-5) var(--yooni-space-4);border-radius:var(--yooni-radius-pill);background-color:var(--yooni-surface);box-shadow:inset 0 0 0 1px var(--yooni-hairline);transition:box-shadow var(--yooni-dur-base) var(--yooni-ease),background-color var(--yooni-dur-base) var(--yooni-ease)}.school-directory__finder:focus-within{background-color:var(--yooni-bg);box-shadow:inset 0 0 0 2px var(--yooni-accent)}.school-directory__finder-icon{display:flex;flex:none;color:var(--yooni-text-soft);transition:color var(--yooni-dur-base) var(--yooni-ease)}.school-directory__finder:focus-within .school-directory__finder-icon{color:var(--yooni-accent)}.school-directory__finder-icon svg{width:20px;height:20px}.school-directory .school-directory__input{flex:1 1 auto;min-width:0;height:clamp(56px,7vw,68px);margin:0;padding:0;border:0;background:none;box-shadow:none;font-family:inherit;font-size:clamp(1rem,.95rem + .3vw,1.125rem);color:var(--yooni-heading)}.school-directory .school-directory__input:focus,.school-directory .school-directory__input:focus-visible{outline:none}.school-directory__input::-webkit-search-cancel-button{cursor:pointer}.school-directory__count{flex:none;padding:4px 12px;border-radius:var(--yooni-radius-pill);background-color:var(--yooni-bg);font-size:calc(.75rem * var(--yooni-small-scale, 1));font-weight:var(--yooni-fw-semibold);color:var(--yooni-text-muted);white-space:nowrap}.school-directory__count:empty{display:none}.school-directory__list{display:flex;flex-direction:column;width:100%;max-width:var(--school-directory-measure);margin:0;padding:0;list-style:none;border-block-start:1px solid var(--yooni-hairline)}.school-directory__item{display:grid;grid-template-rows:1fr;min-width:0;transition:grid-template-rows var(--yooni-dur-base) var(--yooni-ease),opacity var(--yooni-dur-fast) var(--yooni-ease)}.school-directory__item--out{grid-template-rows:0fr;opacity:0;pointer-events:none}.school-directory .school-directory__item--out .school-directory__card{padding-block:0}.school-directory .school-directory__card{position:relative;display:flex;align-items:center;gap:var(--yooni-space-4);min-height:0;overflow:hidden;padding:var(--yooni-space-4) var(--yooni-space-3);border-radius:calc(14px * var(--yooni-radius-scale));color:var(--yooni-text);text-decoration:none;transition:background-color var(--yooni-dur-base) var(--yooni-ease),padding-block var(--yooni-dur-base) var(--yooni-ease),padding-inline-start var(--yooni-dur-base) var(--yooni-ease)}.school-directory__card:after{content:"";position:absolute;inset-inline:0;inset-block-end:0;height:1px;background-color:var(--yooni-hairline)}.school-directory .school-directory__card:hover{background-color:var(--yooni-surface);padding-inline-start:calc(var(--yooni-space-3) + (var(--yooni-space-3) * var(--yooni-lift-on, 1)))}.school-directory__card:focus-visible{outline:var(--focus-outline-width, 2px) solid var(--yooni-accent);outline-offset:calc(-1 * var(--focus-outline-width, 2px))}.school-directory__media{display:flex;flex:none;box-sizing:border-box;align-items:center;justify-content:center;overflow:hidden;width:64px;height:64px;padding:5px;border-radius:calc(14px * var(--yooni-radius-scale));background-color:var(--yooni-white);box-shadow:inset 0 0 0 1px var(--yooni-hairline);transition:transform var(--yooni-dur-base) var(--yooni-ease)}.school-directory__media--circle{border-radius:var(--yooni-radius-pill)}.school-directory__card:hover .school-directory__media{transform:scale(calc(1 + (.06 * var(--yooni-zoom-on, 1))))}.school-directory__media img{display:block;width:100%;height:100%;object-fit:contain}.school-directory__initials{font-family:var(--font-heading--family);font-size:1.125rem;font-weight:var(--yooni-fw-bold);letter-spacing:.04em;color:var(--yooni-heading)}.school-directory__body{display:flex;flex:1 1 auto;flex-direction:column;gap:2px;min-width:0}.school-directory__title{min-width:0;font-family:var(--font-heading--family);font-size:clamp(1.0625rem,.95rem + .5vw,1.375rem);font-weight:var(--yooni-fw-bold);line-height:1.25;color:var(--yooni-heading);overflow-wrap:anywhere}.school-directory__window{flex:none;font-size:calc(.8125rem * var(--yooni-small-scale, 1));line-height:1.3;color:var(--yooni-text-muted)}@media screen and (min-width:750px){.school-directory__body{flex-direction:row;align-items:baseline;gap:var(--yooni-space-4)}.school-directory__window{margin-inline-start:auto;text-align:end;white-space:nowrap}}.school-directory__go{display:flex;flex:none;color:var(--yooni-text-soft);transition:transform var(--yooni-dur-base) var(--yooni-ease),color var(--yooni-dur-base) var(--yooni-ease)}.school-directory__go svg{width:16px;height:16px;rotate:-90deg}.school-directory__card:hover .school-directory__go{color:var(--yooni-accent);transform:translate(3px)}@media(prefers-reduced-motion:no-preference){.school-directory__card{animation:schoolRowIn var(--yooni-dur-enter, .42s) var(--yooni-ease) backwards}.school-directory__item:nth-child(1) .school-directory__card{animation-delay:30ms}.school-directory__item:nth-child(2) .school-directory__card{animation-delay:75ms}.school-directory__item:nth-child(3) .school-directory__card{animation-delay:.12s}.school-directory__item:nth-child(4) .school-directory__card{animation-delay:165ms}.school-directory__item:nth-child(5) .school-directory__card{animation-delay:.21s}.school-directory__item:nth-child(6) .school-directory__card{animation-delay:255ms}.school-directory__item:nth-child(n+7) .school-directory__card{animation-delay:.3s}}@keyframes schoolRowIn{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.school-directory__item,.school-directory__card,.school-directory__media,.school-directory__go,.school-directory__finder{transition:none}.school-directory__card:hover .school-directory__media,.school-directory__card:hover .school-directory__go{transform:none}}.school-directory__empty{margin:0;color:var(--yooni-text-muted)}.school-directory__pagination:empty{display:none}@media(prefers-reduced-motion:reduce){.school-directory .school-directory__card,.school-directory__register-link,.school-directory__input{transition:none}.school-directory .school-directory__card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/school-directory.css.map */