/* Native mobile search sheets. Load after search-ui.css and mobile-reading.css. */
.ms-sheet-header,
.ms-source-head,
.ms-source-footer{display:none}

@media (max-width:760px){
  .ms-popover.ms-mobile-sheet{
    inset:auto 0 max(0px,calc(100dvh - var(--mc-vh,100dvh) - var(--mc-vy,0px))) 0!important;
    width:100%;
    max-width:none;
    max-height:min(calc(var(--mc-vh,100dvh) - max(24px,env(safe-area-inset-top))),52rem);
    padding:0;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border-radius:24px 24px 0 0;
    overscroll-behavior:contain;
    animation:ms-sheet-in .18s var(--ease);
  }

  .ms-mobile-sheet.ms-sources-popover{
    height:min(80dvh,calc(var(--mc-vh,100dvh) - max(24px,env(safe-area-inset-top))));
    min-height:min(80dvh,calc(var(--mc-vh,100dvh) - max(24px,env(safe-area-inset-top))));
  }

  .ms-mobile-sheet.ms-filters-popover{height:auto}

  .ms-mobile-sheet .ms-sheet-header{
    display:flex;
    flex:0 0 48px;
    min-height:48px;
    align-items:center;
    justify-content:center;
    padding-inline:calc(16px + env(safe-area-inset-left)) calc(16px + env(safe-area-inset-right));
    background:var(--surface);
  }

  .ms-mobile-sheet .ms-sheet-handle{
    display:flex;
    align-items:center;
    justify-content:center;
    width:min(176px,52vw);
    min-width:48px;
    height:48px;
    min-height:48px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    touch-action:none;
    cursor:grab;
    -webkit-user-select:none;
    user-select:none;
  }

  .ms-mobile-sheet .ms-sheet-handle:active{cursor:grabbing}
  .ms-mobile-sheet .ms-sheet-handle span{display:block;width:56px;height:5px;border-radius:999px;background:var(--ink4)}
  .ms-mobile-sheet .ms-sheet-handle:focus-visible{outline-offset:-5px;border-radius:12px}

  .ms-mobile-sheet .ms-filter-head{
    position:relative;
    z-index:2;
    display:flex;
    flex:0 0 auto;
    align-items:center;
    gap:16px;
    min-height:56px;
    margin:0;
    padding:0 calc(16px + env(safe-area-inset-right)) 12px calc(16px + env(safe-area-inset-left));
    background:var(--surface);
  }

  .ms-mobile-sheet .ms-source-head{display:flex}
  .ms-mobile-sheet .ms-filter-head h2{font-size:24px;line-height:1.15}
  .ms-mobile-sheet .ms-filter-head p{margin-top:3px;font-size:14px;line-height:1.35;color:var(--ink2)}
  .ms-mobile-sheet .ms-panel-close{width:48px;min-width:48px;height:48px;min-height:48px}

  .ms-mobile-sheet .ms-panel-body{
    flex:0 1 auto;
    min-height:0;
    padding:0 calc(16px + env(safe-area-inset-right)) 4px calc(16px + env(safe-area-inset-left));
    overflow-y:auto;
    overscroll-behavior-y:contain;
    scrollbar-width:thin;
  }

  .ms-mobile-sheet.ms-sources-popover .ms-panel-body{flex:1 1 auto;overflow:hidden}
  .ms-mobile-sheet .ms-source-picker{
    height:100%;
    min-height:0;
    max-height:none;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:minmax(156px,34%) minmax(0,1fr);
    gap:12px;
  }

  .ms-mobile-sheet .ms-source-left,
  .ms-mobile-sheet .ms-source-right{min-height:0;max-height:none;overscroll-behavior-y:contain}
  .ms-mobile-sheet .ms-source-left{padding-inline-end:0;overflow-y:auto}
  .ms-mobile-sheet .ms-source-right{overflow-y:auto;scroll-padding-block-start:60px}
  .ms-mobile-sheet .ms-source-search{
    position:sticky;
    top:0;
    z-index:2;
    height:48px;
    min-height:48px;
    background:var(--fill);
    box-shadow:0 8px 0 var(--surface);
  }

  .ms-mobile-sheet .ms-source-search:focus-within{background:var(--surface)}
  .ms-mobile-sheet .ms-source-search input{font-size:16px;line-height:1.4}
  .ms-mobile-sheet .ms-archive-grid{grid-template-columns:minmax(0,1fr)}

  .ms-mobile-sheet .ms-source-left h3,
  .ms-mobile-sheet .ms-facets h3{font-size:14px;line-height:1.35}
  .ms-mobile-sheet .ms-source-left>p,
  .ms-mobile-sheet .ms-source-primary small,
  .ms-mobile-sheet .ms-category small,
  .ms-mobile-sheet .ms-source-actions,
  .ms-mobile-sheet .ms-archive,
  .ms-mobile-sheet .ms-person-filter,
  .ms-mobile-sheet .ms-facet-chip{font-size:14px}

  .ms-mobile-sheet .ms-source-primary,
  .ms-mobile-sheet .ms-category,
  .ms-mobile-sheet .ms-archive,
  .ms-mobile-sheet .ms-person-filter,
  .ms-mobile-sheet .ms-facet-chip,
  .ms-mobile-sheet .ms-source-actions button,
  .ms-mobile-sheet .ms-filter-footer button{min-height:48px}
  .ms-mobile-sheet .ms-hue{width:48px;height:48px}
  .ms-mobile-sheet .ms-hue::before{inset:14px}

  .ms-mobile-sheet .ms-facets section{grid-template-columns:minmax(0,1fr);gap:8px;padding:11px 0}
  .ms-mobile-sheet .ms-facets h3{margin-top:0}

  .ms-mobile-sheet .ms-filter-footer{
    position:relative;
    inset:auto;
    flex:0 0 auto;
    min-height:72px;
    margin:0;
    padding:12px calc(16px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));
    background:var(--surface);
    box-shadow:0 -1px var(--line);
  }

  .ms-mobile-sheet .ms-source-footer{display:flex}
  .ms-mobile-sheet .ms-source-footer>span{font-size:14px;color:var(--ink2);font-variant-numeric:tabular-nums}
  .ms-mobile-sheet .ms-filter-footer .primary{min-height:48px}
}

@media (max-width:360px){
  .ms-mobile-sheet .ms-filter-head{padding-bottom:10px}
  .ms-mobile-sheet .ms-panel-body{padding-inline:calc(12px + env(safe-area-inset-left)) calc(12px + env(safe-area-inset-right))}
  .ms-mobile-sheet .ms-filter-footer{padding-inline:calc(12px + env(safe-area-inset-left)) calc(12px + env(safe-area-inset-right))}
}

@media (prefers-reduced-motion:no-preference){
  @keyframes ms-sheet-in{from{opacity:.72;transform:translateY(16px)}to{opacity:1;transform:none}}
}

@media (prefers-reduced-motion:reduce){
  .ms-popover.ms-mobile-sheet{animation:none}
}

@media(max-width:760px){
 .ms-mobile-sheet.ms-filters-popover{max-height:min(80dvh,calc(var(--mc-vh,100dvh) - max(24px,env(safe-area-inset-top))))}
 .ms-mobile-sheet.ms-sources-popover .ms-panel-body{overflow-y:auto}
 .ms-mobile-sheet .ms-source-picker{display:flex;flex-direction:column;height:auto;gap:16px}
 .ms-mobile-sheet .ms-source-left,.ms-mobile-sheet .ms-source-right{overflow:visible;flex:none}
 .ms-mobile-sheet .ms-source-left>h3,.ms-mobile-sheet .ms-source-left>p,.ms-mobile-sheet .ms-source-primary[data-source] small{display:none}
 .ms-mobile-sheet .ms-source-primary{margin-bottom:8px;min-height:48px}
 .ms-mobile-sheet .mn-source-category{display:grid;gap:8px;margin-top:16px;font-size:max(14px,.875rem);color:var(--ink2)}
 .ms-mobile-sheet .mn-source-category select{width:100%;min-height:48px;border:1px solid var(--ink3);border-radius:12px;padding:10px 12px;background:var(--surface);color:var(--ink);font:inherit;font-size:max(16px,1rem)}
 .ms-mobile-sheet .ms-source-search{scroll-margin-block:16px}
}