.title-bar[data-v-48e2768c]{align-items:center;display:flex;gap:10px;max-height:calc(64px + env(safe-area-inset-top));min-height:64px;padding:calc(env(safe-area-inset-top) + 20px) 20px 20px;position:relative;transition:all .3s ease;width:100%}.title-bar-left-icon[data-v-48e2768c]{cursor:pointer;flex-shrink:0;transition:opacity .2s ease,transform .3s ease}.title-bar-left-icon[data-v-48e2768c]:hover{opacity:.7}.title-bar-input-focused .title-bar-left-icon[data-v-48e2768c]{opacity:0;pointer-events:none;transform:translate(-30px)}.title-bar-title-container[data-v-48e2768c]{align-items:center}.center-bar-title-container[data-v-48e2768c],.title-bar-title-container[data-v-48e2768c]{display:flex;gap:10px;opacity:1;transition:opacity .3s ease}.title-bar-search-mode .title-bar-title-container[data-v-48e2768c]{opacity:0}.title-bar-title[data-v-48e2768c]{color:var(--color-black);font-family:var(--font-family-pretendard);font-size:var(--font-size-18);font-weight:var(--font-weight-bold);line-height:var(--line-height-18);margin:0;text-align:center}.title-bar-dropdown-container[data-v-48e2768c]{align-items:center;cursor:pointer;display:flex;gap:6px}.title-bar-dropdown-container[data-v-48e2768c]:hover{opacity:.7}.title-bar-dropdown-label[data-v-48e2768c]{color:var(--color-black);font-family:var(--font-family-pretendard);font-size:var(--font-size-18);font-weight:var(--font-weight-bold);line-height:var(--line-height-18);text-align:center}.title-bar-dropdown-icon[data-v-48e2768c]{flex-shrink:0}.title-bar-search[data-v-48e2768c]{flex:1 0 0;transition:all .3s ease}.title-bar-input-focused .title-bar-search[data-v-48e2768c]{margin-left:-34px}.title-bar-right-icons[data-v-48e2768c]{align-items:center;display:flex;gap:18px;margin-left:auto}.title-bar-dots-icon[data-v-48e2768c],.title-bar-heart-icon[data-v-48e2768c],.title-bar-icon[data-v-48e2768c],.title-bar-phone-icon[data-v-48e2768c]{cursor:pointer;flex-shrink:0;transition:opacity .2s ease}.title-bar-dots-icon[data-v-48e2768c]:hover,.title-bar-heart-icon[data-v-48e2768c]:hover,.title-bar-icon[data-v-48e2768c]:hover,.title-bar-phone-icon[data-v-48e2768c]:hover{opacity:.7}.search-mode-container[data-v-48e2768c]{align-items:center;animation:fadeIn-48e2768c .3s ease;display:flex;gap:10px;width:100%}@keyframes fadeIn-48e2768c{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.search-input-container[data-v-48e2768c]{align-items:center;animation:slideIn-48e2768c .3s ease;background:var(--color-grey-lightest);border-radius:8px;display:flex;flex:1;height:40px;padding:8px 12px;position:relative}@keyframes slideIn-48e2768c{0%{opacity:0;transform:scaleX(.95)}to{opacity:1;transform:scaleX(1)}}.search-input[data-v-48e2768c]{background:transparent;border:none;color:var(--color-black);flex:1;font-family:var(--font-family-pretendard);font-size:var(--font-size-16);font-weight:var(--font-weight-medium);height:100%;line-height:var(--line-height-16);outline:none;padding-right:8px;width:20px}.search-input[data-v-48e2768c]::-moz-placeholder{color:var(--color-grey-dark)}.search-input[data-v-48e2768c]::placeholder{color:var(--color-grey-dark)}.search-input-icon[data-v-48e2768c]{flex-shrink:0;pointer-events:none}.search-input-icon-clear[data-v-48e2768c]{cursor:pointer;flex-shrink:0;transition:opacity .2s ease}.search-input-icon-clear[data-v-48e2768c]:hover{opacity:.7}.title-bar:not(:has(.title-bar-title-container,.title-bar-dropdown-container,.title-bar-search)) .title-bar-right-icons[data-v-48e2768c]{margin-left:auto}.title-bar:not(.title-bar-with-left-icon):has(.title-bar-title-container) .title-bar-title-container[data-v-48e2768c]{flex:1}