.connection{padding:0 2rem}.connection__content{max-width:700px;margin:auto}.connection section{margin-bottom:30px}.connection__page-title{margin-top:3rem;display:flex;align-items:center;gap:5px}.connection__page-title>*{color:var(--base-gray-900);font-weight:600;font-size:24px;margin:0}.connection__description{margin:6px 0 0}.connection__description--primary{font-size:16px;color:var(--base-gray-900)}.connection__description--secondary{color:var(--base-gray-700)}.connection__text--primary{color:var(--base-gray-900);font-weight:500;font-size:20px}.connection__primary-btn{border:1px solid var(--gmeum-btn-primary-border-color);background-color:var(--gmeum-btn-primary-bg-color);color:var(--gmeum-btn-primary-text-color);display:flex;justify-content:center;align-items:center;border-radius:1000px;height:40px;max-width:200px;margin:auto;cursor:pointer}.connection__primary-btn--disabled{background-color:var(--disabled-bg-color);color:var(--disabled-text-color);border:none;cursor:not-allowed}@media only screen and (max-width: 62em){.connection__primary-btn{max-width:none}}.connection__secondary-btn{border:1px solid var(--base-primary);background-color:var(--base-primary);color:var(--base-gray-900-static);display:flex;justify-content:center;align-items:center;border-radius:1000px;height:40px;max-width:200px;margin:auto;cursor:pointer}.connection__secondary-btn--disabled{background-color:var(--disabled-bg-color);color:var(--disabled-text-color);border:none;cursor:not-allowed}@media only screen and (max-width: 62em){.connection__secondary-btn{max-width:none}}.connection__tertiary-btn{border:1px solid var(--plane-btn-border-color);background-color:var(--base-gray-000-static);color:var(--base-gray-900-static);display:flex;justify-content:center;align-items:center;border-radius:1000px;height:40px;max-width:200px;margin:auto;cursor:pointer}@media only screen and (max-width: 62em){.connection__tertiary-btn{max-width:none}}.connection__search{background-color:var(--base-gray-900-static);box-shadow:var(--connection-container-box);border-radius:8px;padding:20px 15px 30px;position:relative;z-index:1}.connection__search__title{font-size:20px;font-weight:600;display:block;text-align:center;margin-bottom:30px;color:var(--base-gray-200-static)}.connection__search__items{position:relative}.connection__search__items__legend{position:sticky;top:30px}.connection__search__found{color:var(--base-gray-400-static);text-align:center;font-size:16px;margin-bottom:4rem;padding:0 60px}@media only screen and (max-width: 36em){.connection__search__found{padding:0}}.connection__search__not-found{color:var(--base-gray-400-static);text-align:center;font-size:18px;padding:0 60px}@media only screen and (max-width: 36em){.connection__search__not-found{padding:0}}.connection__search__extra{padding:20px 0}.connection__search__actions{margin-top:30px}.connection__search__navigation{display:flex;justify-content:center;font-size:20px;font-weight:500;color:var(--base-gray-700);gap:20px}.connection__search__navigation__btn{transition:color .2s ease-out;color:var(--base-gray-600);cursor:pointer}.connection__search__navigation__btn:hover{color:var(--base-gray-900)}.connection__search__explore{height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center}.connection__search__explore__text{margin-top:20px;font-size:15px;animation:blink 1.5s ease infinite;color:var(--base-gray-000-static)}.connection__search__explore__icon{font-size:60px;animation:swing 3s ease infinite;color:var(--base-gray-000-static)}.connection__search__star-container{position:absolute;overflow:hidden;inset:0;z-index:-1}.connection__search__star{width:3px;height:3px;border-radius:100px;background-color:var(--base-primary);box-shadow:0 0 8px 3px var(--base-primary)}.connection__search__star--sm{width:1px;height:1px;border-radius:100px;background-color:var(--base-primary);box-shadow:0 0 4px 2px var(--base-primary)}.connection__search-title{font-size:16px;display:inline-block;margin-bottom:5px;font-weight:500}.connection__related-list{margin-top:20px}.connection__related-list>div{margin-bottom:30px}@keyframes swing{0%{transform:rotate(0)}25%{transform:rotate(45deg)}50%{transform:rotate(0)}75%{transform:rotate(-45deg)}to{transform:rotate(0)}}@keyframes blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}
