/* day8/re-frame-10x */
/* https://www.nordtheme.com/docs/colors-and-palettes */

:host {--nord0: #2E3440;
       --nord1: #3B4252;
       --nord2: #434C5E;
       --nord3: #4C566A;
       --nord4: #D8DEE9;
       --nord5: #E5E9F0;
       --nord6: #ECEFF4;
       --nord7: #8FBCBB;
       --nord8: #88C0D0;
       --nord9: #81A1C1;
       --nord10: #5E81AC;
       --nord11: #BF616A;
       --nord12: #D08770;
       --nord13: #EBCB8B;
       --nord14: #A3BE8C;
       --nord15: #B48EAD;
       --nord-ghost-white: #f8f9fb;
       --color-1: var(--nord3);
       --background-color-1: var(--nord-ghost-white);}

.flex-style {display: flex;}

.data-tag {width: 50px;
           height: 19px;
           font-size: 10px;
           font-weight: bold;
           border-radius: 2px;}

.data-tag span {margin: auto;}

.timing-tag {color: #fff;
             background-color: #B48EAD;}

.sub-create-tag {color: blue;}

.colors-1 {background-color: var(--background-color-1);
           color: var(--color-1);}

.summary {padding: 0 19px;
          border: 1px solid var(--nord4);
          border-radius: 2px;}

.search {border-bottom: var(--border-2);}
.search input {border: none;
               background-color: var(--background-color-1);}

.search input:focus-visible {outline: none;}

.icon {cursor: default;
       border-radius: 3px;
       background-color: var(--nord5);
       border: 1px solid var(--nord4);
       padding: 2px;
       font-weight: 400;}

.icon.disabled {cursor: pointer;
                background-color: var(--nord2);
                border: 1px solid var(--nord1);}

.icon svg path {fill: var(--nord0);}

.icon.enabled:hover {background-color: var(--nord6);}

.icon.enabled:hover svg path {fill: var(--nord1);}

.pod-header-section {border-right: 1px solid var(--nord4);}

.pod-section {overflow-y: auto;}
