.topics-container{height:calc(100vh - 3*var(--nav-menu-height));flex-direction:column;display:none}@media (min-width:640px){.topics-container{border-left:1px solid var(--border_gray);height:calc(100vh - 2*var(--md-nav-menu-height));flex:5;display:flex}}.topics-container.active{display:flex}.topics-container .sub-title-container{display:none}@media (min-width:640px){.topics-container .sub-title-container{display:flex}}.topics-container .topic-content{overflow-y:auto}.topics-container .topic-list-container{min-height:calc(100vh - 4*var(--nav-menu-height));padding:16px}@media (min-width:640px){.topics-container .topic-list-container{height:calc(100vh - 4*var(--md-nav-menu-height))}}:is(.topics-container .topic-list-container) p{margin-bottom:8px;font-weight:500}.topics-container .everyday-container{margin-top:16px}:is(.topics-container .edit-topic-list-container) .add-new-topic-button-container{height:var(--nav-menu-height);border-bottom:1px solid var(--border_gray);align-items:center;padding-left:8px;display:flex}@media (min-width:640px){:is(.topics-container .edit-topic-list-container) .add-new-topic-button-container{height:var(--md-nav-menu-height)}}:is(.topics-container .edit-topic-list-container) .edit-topic-list{height:calc(100vh - 3*var(--nav-menu-height));padding:16px 16px 100px;overflow-y:auto}@media (min-width:640px){:is(.topics-container .edit-topic-list-container) .edit-topic-list{height:calc(100vh - 4*var(--md-nav-menu-height))}}:is(:is(.topics-container .edit-topic-list-container) .edit-topic-list) .edit-topic-list-item{justify-content:space-between;width:100%;display:flex}:is(:is(:is(.topics-container .edit-topic-list-container) .edit-topic-list) .edit-topic-list-item) .edit-delete-buttons{display:flex}:is(:is(:is(.topics-container .edit-topic-list-container) .edit-topic-list) .edit-topic-list-item) svg{color:var(--color-main);cursor:pointer;margin-left:8px}.topics-container .add-edit-topic-container{padding:16px}:is(.topics-container .add-edit-topic-container) input{width:300px}