@use "sass:math";

@include export-module('co-dialog-header-search-layout') {
  .co-dialog-header-search {
    display: block;
    margin: $tp-dialog-header-search-margin;
    .co-dialog-header-title-icon {
      display: flex;
      align-items: center;
      gap: 10px;
      margin: $tp-dialog-header-search-title-icon-margin;
      .co-icon {
        width: $tp-dialog-header-search-title-icon-size;
        height: $tp-dialog-header-search-title-icon-size;
      }
    }
    .dialog-header-search-title {
      font-family: $tp-dialog-header-search-title-font-family;
      font-size: $tp-dialog-header-search-title-font-size;
      font-weight: $tp-dialog-header-search-title-font-weight;
      margin: $tp-dialog-header-search-title-margin;
    }
    .co-input-search {
      height: $tp-dialog-header-search-input-height;
      margin: $tp-dialog-header-search-input-margin;
      .co-input-text {
        max-height: $tp-dialog-header-search-input-height;
        box-shadow: inset 0 0 0 1px #CCCCCC;
        label {
          top: math.div($tp-dialog-header-search-input-height, 2);
        }

      }
    }
  }
}