@charset "UTF-8";
.containerWrapper{
  display:flex;
  flex-direction:column;
  gap:var(--sn-toolbar-anatomy-container-gap, var(--sn-density-spacing-interval-xs, var(--sn-primitive-dimension-4, 4px)));
  width:100%;
}

.acrylic{
  pointer-events:none;
  position:absolute;
  z-index:0;
  inset:0;
  border-radius:inherit;
}

.border{
  pointer-events:none;
  position:absolute;
  z-index:1;
  inset:0;
  box-sizing:border-box;
  border:var(--sn-toolbar-anatomy-container-tool-borderWidth, var(--sn-primitive-strokeWeight-strokeRegular, 1px)) solid var(--sn-theme-color-available-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(159, 166, 198, 0.3019607843)));
  border-radius:inherit;
}

.container[data-acrylic-appearance=primary][data-acrylic-level=default]{
  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground, 0) / 2));
}
.container[data-acrylic-appearance=primary][data-acrylic-level=default] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground, 1);
  background:var(--sn-theme-color-primary-background, var(--sn-brand-color-primary-90, var(--sn-brandRole-color-brandA-90, var(--sn-primitive-color-brandA-90, #edf7f1))));
}
.container[data-acrylic-appearance=primary][data-acrylic-level="1Level"]{
  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground1Level, 0) / 2));
}
.container[data-acrylic-appearance=primary][data-acrylic-level="1Level"] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
  background:var(--sn-theme-color-primary-background1Level, var(--sn-brand-color-primary-95, var(--sn-brandRole-color-brandA-95, var(--sn-primitive-color-brandA-95, #f5fdf8))));
}
.container[data-acrylic-appearance=primary][data-acrylic-level="2Level"]{
  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground2Level, 0) / 2));
}
.container[data-acrylic-appearance=primary][data-acrylic-level="2Level"] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground2Level, 1);
  background:var(--sn-theme-color-primary-background2Level, var(--sn-brand-color-primary-99, var(--sn-brandRole-color-brandA-99, var(--sn-primitive-color-brandA-99, #fbfffc))));
}
.container[data-acrylic-appearance=neutral][data-acrylic-level=default]{
  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground, 0) / 2));
}
.container[data-acrylic-appearance=neutral][data-acrylic-level=default] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground, 1);
  background:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-primitive-color-gray-90, #eeeff3)));
}
.container[data-acrylic-appearance=neutral][data-acrylic-level="1Level"]{
  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground1Level, 0) / 2));
}
.container[data-acrylic-appearance=neutral][data-acrylic-level="1Level"] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
  background:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-primitive-color-gray-95, #fdfdfd)));
}
.container[data-acrylic-appearance=neutral][data-acrylic-level="2Level"]{
  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground2Level, 0) / 2));
}
.container[data-acrylic-appearance=neutral][data-acrylic-level="2Level"] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground2Level, 1);
  background:var(--sn-theme-color-neutral-background2Level, var(--sn-brand-color-neutral-99, var(--sn-primitive-color-gray-99, #ffffff)));
}
.container[data-acrylic-appearance=red][data-acrylic-level=default]{
  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground, 0) / 2));
}
.container[data-acrylic-appearance=red][data-acrylic-level=default] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground, 1);
  background:var(--sn-theme-color-red-background, var(--sn-primitive-color-red-90, #fee8e5));
}
.container[data-acrylic-appearance=red][data-acrylic-level="1Level"]{
  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground1Level, 0) / 2));
}
.container[data-acrylic-appearance=red][data-acrylic-level="1Level"] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
  background:var(--sn-theme-color-red-background1Level, var(--sn-primitive-color-red-95, #fef5f1));
}
.container[data-acrylic-appearance=red][data-acrylic-level="2Level"]{
  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground2Level, 0) / 2));
}
.container[data-acrylic-appearance=red][data-acrylic-level="2Level"] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground2Level, 1);
  background:var(--sn-theme-color-red-background2Level, var(--sn-primitive-color-red-99, #fffaf7));
}
.container[data-acrylic-appearance=orange][data-acrylic-level=default]{
  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground, 0) / 2));
}
.container[data-acrylic-appearance=orange][data-acrylic-level=default] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground, 1);
  background:var(--sn-theme-color-orange-background, var(--sn-primitive-color-orange-90, #ffedcf));
}
.container[data-acrylic-appearance=orange][data-acrylic-level="1Level"]{
  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground1Level, 0) / 2));
}
.container[data-acrylic-appearance=orange][data-acrylic-level="1Level"] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
  background:var(--sn-theme-color-orange-background1Level, var(--sn-primitive-color-orange-95, #fff6e5));
}
.container[data-acrylic-appearance=orange][data-acrylic-level="2Level"]{
  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground2Level, 0) / 2));
}
.container[data-acrylic-appearance=orange][data-acrylic-level="2Level"] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground2Level, 1);
  background:var(--sn-theme-color-orange-background2Level, var(--sn-primitive-color-orange-99, #fffcf4));
}
.container[data-acrylic-appearance=yellow][data-acrylic-level=default]{
  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground, 0) / 2));
}
.container[data-acrylic-appearance=yellow][data-acrylic-level=default] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground, 1);
  background:var(--sn-theme-color-yellow-background, var(--sn-primitive-color-yellow-90, #fdf4cc));
}
.container[data-acrylic-appearance=yellow][data-acrylic-level="1Level"]{
  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground1Level, 0) / 2));
}
.container[data-acrylic-appearance=yellow][data-acrylic-level="1Level"] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
  background:var(--sn-theme-color-yellow-background1Level, var(--sn-primitive-color-yellow-95, #fffbe6));
}
.container[data-acrylic-appearance=yellow][data-acrylic-level="2Level"]{
  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground2Level, 0) / 2));
}
.container[data-acrylic-appearance=yellow][data-acrylic-level="2Level"] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground2Level, 1);
  background:var(--sn-theme-color-yellow-background2Level, var(--sn-primitive-color-yellow-99, #fffef6));
}
.container[data-acrylic-appearance=green][data-acrylic-level=default]{
  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground, 0) / 2));
}
.container[data-acrylic-appearance=green][data-acrylic-level=default] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground, 1);
  background:var(--sn-theme-color-green-background, var(--sn-primitive-color-green-90, #e4f5df));
}
.container[data-acrylic-appearance=green][data-acrylic-level="1Level"]{
  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground1Level, 0) / 2));
}
.container[data-acrylic-appearance=green][data-acrylic-level="1Level"] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
  background:var(--sn-theme-color-green-background1Level, var(--sn-primitive-color-green-95, #f1faed));
}
.container[data-acrylic-appearance=green][data-acrylic-level="2Level"]{
  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground2Level, 0) / 2));
}
.container[data-acrylic-appearance=green][data-acrylic-level="2Level"] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground2Level, 1);
  background:var(--sn-theme-color-green-background2Level, var(--sn-primitive-color-green-99, #fcfefa));
}
.container[data-acrylic-appearance=blue][data-acrylic-level=default]{
  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground, 0) / 2));
}
.container[data-acrylic-appearance=blue][data-acrylic-level=default] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground, 1);
  background:var(--sn-theme-color-blue-background, var(--sn-primitive-color-blue-90, #e6f4fd));
}
.container[data-acrylic-appearance=blue][data-acrylic-level="1Level"]{
  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground1Level, 0) / 2));
}
.container[data-acrylic-appearance=blue][data-acrylic-level="1Level"] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
  background:var(--sn-theme-color-blue-background1Level, var(--sn-primitive-color-blue-95, #f2f9ff));
}
.container[data-acrylic-appearance=blue][data-acrylic-level="2Level"]{
  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground2Level, 0) / 2));
}
.container[data-acrylic-appearance=blue][data-acrylic-level="2Level"] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground2Level, 1);
  background:var(--sn-theme-color-blue-background2Level, var(--sn-primitive-color-blue-99, #fdfeff));
}
.container[data-acrylic-appearance=violet][data-acrylic-level=default]{
  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground, 0) / 2));
}
.container[data-acrylic-appearance=violet][data-acrylic-level=default] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground, 1);
  background:var(--sn-theme-color-violet-background, var(--sn-primitive-color-violet-90, #f3edfc));
}
.container[data-acrylic-appearance=violet][data-acrylic-level="1Level"]{
  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground1Level, 0) / 2));
}
.container[data-acrylic-appearance=violet][data-acrylic-level="1Level"] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
  background:var(--sn-theme-color-violet-background1Level, var(--sn-primitive-color-violet-95, #f9f5ff));
}
.container[data-acrylic-appearance=violet][data-acrylic-level="2Level"]{
  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground2Level, 0) / 2));
}
.container[data-acrylic-appearance=violet][data-acrylic-level="2Level"] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground2Level, 1);
  background:var(--sn-theme-color-violet-background2Level, var(--sn-primitive-color-violet-99, #fdfdfd));
}
.container[data-acrylic-appearance=pink][data-acrylic-level=default]{
  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground, 0) / 2));
}
.container[data-acrylic-appearance=pink][data-acrylic-level=default] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground, 1);
  background:var(--sn-theme-color-pink-background, var(--sn-primitive-color-pink-90, #fceaf0));
}
.container[data-acrylic-appearance=pink][data-acrylic-level="1Level"]{
  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground1Level, 0) / 2));
}
.container[data-acrylic-appearance=pink][data-acrylic-level="1Level"] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
  background:var(--sn-theme-color-pink-background1Level, var(--sn-primitive-color-pink-95, #fff5f7));
}
.container[data-acrylic-appearance=pink][data-acrylic-level="2Level"]{
  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground2Level, 0) / 2));
}
.container[data-acrylic-appearance=pink][data-acrylic-level="2Level"] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground2Level, 1);
  background:var(--sn-theme-color-pink-background2Level, var(--sn-primitive-color-pink-99, #fdfcfc));
}
.container[data-acrylic-appearance=transparent]{
  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground1Level, 0) / 2));
}
.container[data-acrylic-appearance=transparent] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
  background:transparent;
}
.container[data-acrylic-appearance=decorTransparent]{
  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground1Level, 0) / 2));
}
.container[data-acrylic-appearance=decorTransparent] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
  background:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(124, 131, 182, 0.0784313725)));
}
.container{
  isolation:isolate;
  position:relative;
  z-index:0;
  overflow:auto hidden;
  display:flex;
  align-items:stretch;
  box-sizing:border-box;
  width:100%;
  min-height:var(--sn-toolbar-anatomy-container-tool-minHeight, var(--sn-density-size-l, var(--sn-primitive-dimension-64, 64px)));
  padding-inline:var(--sn-toolbar-anatomy-container-tool-paddingHorizontal, var(--sn-density-spacing-interval-xs, var(--sn-primitive-dimension-4, 4px)));
  border-radius:var(--sn-toolbar-anatomy-container-tool-borderRadius, var(--sn-brand-anatomy-radius-toolbar-xs, var(--sn-primitive-dimension-4, 4px)));
}

.content{
  position:relative;
  z-index:2;
  display:flex;
  flex:1 1 auto;
  flex-wrap:nowrap;
  gap:var(--sn-toolbar-anatomy-container-tool-gap, var(--sn-density-spacing-interval-xs, var(--sn-primitive-dimension-4, 4px)));
  align-items:center;
  box-sizing:border-box;
  width:100%;
  min-width:-moz-min-content;
  min-width:min-content;
  min-height:var(--sn-toolbar-anatomy-container-tool-minHeight, var(--sn-density-size-l, var(--sn-primitive-dimension-64, 64px)));
}

.searchWrapper{
  display:flex;
  flex:1 1 0;
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  min-width:0;
}

.updateButton{
  flex-shrink:0;
}
.updateButton svg{
  transform:rotate(360deg);
  transition:transform 0.5s;
}
.updateButton:active svg{
  transform:rotate(0deg);
  transition-duration:0s;
}

.beforeSearch{
  position:relative;
  display:flex;
  flex-shrink:0;
  align-items:center;
  box-sizing:border-box;
}

.slot{
  display:flex;
  flex-shrink:0;
  align-items:center;
  box-sizing:border-box;
}

.list{
  min-width:calc(25 * var(--sn-primitive-dimension-8, 8px));
}