:root{--s-checkbox-popout-max-height:320px;--s-checkbox-popout-toolbar-gap:var(--s-size-xs);--s-checkbox-popout-toolbar-padding:var(--s-size-xs) var(--s-size);--s-checkbox-popout-check-all-font-size:var(--s-font-size-sm);--s-checkbox-popout-check-all-color:var(--s-text-color-tertiary)}.s-checkbox-popout__container{position:relative}.s-checkbox-popout__container::before,.s-checkbox-popout__container::after{content:"";position:absolute;left:0;right:0;z-index:10;height:10px;overflow:hidden;box-shadow:none;touch-action:none;pointer-events:none;transition:box-shadow var(--s-duration)}.s-checkbox-popout__container::before{top:0}.s-checkbox-popout__container::after{bottom:0}.s-checkbox-popout__container--none::before,.s-checkbox-popout__container--end::before{box-shadow:var(--s-box-shadow-top)}.s-checkbox-popout__container--none::after,.s-checkbox-popout__container--start::after{box-shadow:var(--s-box-shadow-bottom)}.s-checkbox-popout__scroll{overflow-x:hidden;overflow-y:auto;max-height:var(--s-checkbox-popout-max-height)}.s-checkbox-popout__scroll--searchable{height:var(--s-checkbox-popout-max-height)}.s-checkbox-popout__toolbar{display:flex;flex-direction:column;gap:var(--s-checkbox-popout-toolbar-gap);padding:var(--s-checkbox-popout-toolbar-padding)}.s-checkbox-popout__check-all{display:flex;align-items:center;font-size:var(--s-checkbox-popout-check-all-font-size);color:var(--s-checkbox-popout-check-all-color)}