/* AINE ace search — build 20260914 | source: aine-tokens.css */
@charset "UTF-8";

:root {

  --aine-text:              #1a1a1a;
  --aine-text-muted:        #222;
  --aine-text-weak:         #9a9a9a;
  --aine-text-title:        #666;
  --aine-text-idle:         #878787;

  --aine-accent:            #00c896;
  --aine-accent-bg:         #eaf7f1;

  --aine-active:            #111111;
  --aine-active-text:       #ffffff;

  --aine-white:             #ffffff;
  --aine-surface:           #BDBDBD;
  --aine-surface-hover:     #e4e4e4;
  --aine-surface-panel:     #f5f5f5;
  --aine-surface-tab:       #e0e0e0;

  --aine-surface-translucent: #ffffff80;

  --aine-loading-bg:        rgba(255, 255, 255, 0.85);

  --aine-border:            #b9b9b9;
  --aine-divider:           #000;
  --aine-border-w:          1px;

  --aine-focus:             var(--aine-accent);
  --aine-focus-w:           2px;

  --aine-overlay-bg:        #333333;
  --aine-overlay-border:    #555;
  --aine-overlay-icon:      #aaa;
  --aine-overlay-label:     #666;

  --aine-sp-field-bg:          #e0e0e0;
  --aine-sp-field-text:        var(--aine-text);
  --aine-sp-field-placeholder: #757575;

  --aine-suggest-z-sp: 10003;
  --aine-suggest-shadow:    rgba(0, 0, 0, 0.12);
  --aine-suggest-text:      #000;

  --aine-header-btn-icon:   #000;

  --aine-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);

  --aine-shadow-focus: 0 0 0 3px rgba(0, 200, 150, 0.18);

  --aine-radius-pill:   999px;
  --aine-radius-panel:  20px;
  --aine-radius-lg:     10px;
  --aine-radius-md:     8px;
  --aine-radius-sm:     6px;

  --aine-gap-xs:  4px;
  --aine-gap-sm:  8px;
  --aine-gap-md:  16px;
  --aine-gap-lg:  24px;
  --aine-gap-xl:  40px;

  --aine-gap-section: 60px;

  --aine-gap-list:    20px;

  --aine-gap-page-bottom: 150px;

  --aine-page-pad-x-sp:   32px;

  --aine-panel-pad-y:  30px;
  --aine-panel-pad-x:  40px;
  --aine-panel-pad-b:  10px;

  --aine-fs-tab:      18px;
  --aine-fs-input:    18px;
  --aine-fs-label:    16px;
  --aine-fs-title:    18px;
  --aine-fs-body:     14px;
  --aine-fs-url:      16px;
  --aine-fs-note:     14px;
  --aine-lh:          1.7;

  --aine-fs-option:       var(--aine-fs-tab);
  --aine-fs-panel-title:  var(--aine-fs-tab);

  --aine-max-width:   1088px;
  --aine-search-w:    70%;

  --aine-field-h:      48px;
  --aine-field-h-sp:   44px;
  --aine-field-pad-r:  52px;
  --aine-icon-size:    18px;

  --aine-tab-card-pad-y:  15px;
  --aine-tab-card-pad-x:  24px;
  --aine-tab-min-h:     44px;
  --aine-tab-min-h-sp:  34px;
  --aine-tab-min-w-sp:  120px;

  --aine-pager-w:     40px;
  --aine-pager-h:     50px;

  --aine-option-h:     32px;
  --aine-option-h-sp:  40px;

  --aine-thumb-w:        130px;
  --aine-thumb-w-sm:     84px;
  --aine-thumb-w-lg:     200px;
  --aine-thumb-w-sp:     96px;
  --aine-thumb-w-sm-sp:  72px;
  --aine-thumb-w-lg-sp:  120px;

  --aine-close-btn-size:  40px;
  --aine-close-btn-bar:   20px;

  --aine-logo-h:  20px;

  --aine-loading-min-h:     200px;
  --aine-loading-spinner-y: 120px;

  --aine-popup-backdrop:  rgba(0, 0, 0, 0.5);
  --aine-popup-padding:   20px;
  --aine-popup-max-w:     40vw;
  --aine-popup-max-h:     50vh;
  --aine-popup-z:         9999;

  --aine-linked-cols-pc:    4;
  --aine-linked-gap:        var(--aine-gap-md);
  --aine-linked-card-pad:   var(--aine-gap-sm);
  --aine-linked-card-bg:    var(--aine-white);
  --aine-linked-card-br:    #e0e0e0;
  --aine-linked-card-radius: var(--aine-radius-md);

  --aine-linked-thumb-ratio: 16 / 9;
  --aine-linked-thumb-bg:   var(--aine-white);
  --aine-linked-thumb-br:   #ededed;

  --aine-linked-thumb-w-sp: var(--aine-thumb-w-sp);

  --aine-panel-z-sp:      9999;
  --aine-close-size:      24px;
  --aine-close-bar-w:     2px;
  --aine-close-offset:    16px;

}