:root{--selectra-container-min-width:300px;--selectra-options-bg:#eee;--selectra-options-max-height:300px;--selectra-options-scrollbar-width:6px;--selectra-options-scrollbar-track-color:#f1f1f1;--selectra-options-scrollbar-thumb-color:#888;--selectra-options-scrollbar-thumb-hover-color:#555;--selectra-options-shadow:3px 3px 3px rgba(0,0,0,0.16);--selectra-options-border-radius:4px;--selectra-options-animation-duration:300ms}.selectra-element{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important;width:1px !important}.selectra-option-group-label{display:block;font-weight:bold;margin-bottom:.5rem}.selectra-container{min-width:var(--selectra-container-min-width);position:relative;width:-moz-max-content;width:-webkit-max-content;width:max-content}.selectra-options{background:var(--selectra-options-bg);border-radius:var(--selectra-options-border-radius);-webkit-box-shadow:var(--selectra-options-shadow);box-shadow:var(--selectra-options-shadow);max-height:var(--selectra-options-max-height);opacity:0;overflow-x:hidden;overflow-y:scroll;padding:1rem;pointer-events:none;-webkit-transition:var(--selectra-options-animation-duration) ease-in-out;transition:var(--selectra-options-animation-duration) ease-in-out;width:100%;z-index:1}.selectra-options.open{opacity:1;pointer-events:all}.selectra-options::-webkit-scrollbar{width:var(--selectra-options-scrollbar-width)}.selectra-options::-webkit-scrollbar-track{background:var(--selectra-options-scrollbar-track-color)}.selectra-options::-webkit-scrollbar-thumb{background:var(--selectra-options-scrollbar-thumb-color)}.selectra-options::-webkit-scrollbar-thumb:hover{background:var(--selectra-options-scrollbar-thumb-hover-color)}.selectra-option{border-radius:var(--selectra-options-border-radius);margin-bottom:4px;padding:.3rem 1rem}.selectra-option[data-selected=true],.selectra-option:hover{background:#ddd}.selectra-option[data-disabled=true]{background:#fff;color:#999;cursor:not-allowed}.selectra-btn,.selectra-input{cursor:pointer}.selectra-option{cursor:pointer}.selectra-handler-container{position:relative;width:-moz-max-content;width:-webkit-max-content;width:max-content}.selectra-handler{padding-right:2rem}.selectra-handler:disabled{cursor:not-allowed}.selectra-handler-icon{pointer-events:none;position:absolute;right:.5rem;top:5px;-webkit-transition:var(--selectra-options-animation-duration) ease-in-out;transition:var(--selectra-options-animation-duration) ease-in-out;width:20px}.selectra-options.open+.selectra-handler-container .selectra-handler-icon{-webkit-transform:translateY(2px) rotateZ(180deg);transform:translateY(2px) rotateZ(180deg)}.selectra-option{border:2px solid transparent;padding-right:2rem;position:relative}.selectra-option-icon{opacity:0;position:absolute;right:.5rem;top:3px;-webkit-transform:translateX(10px);transform:translateX(10px);-webkit-transition:var(--selectra-options-animation-duration) ease-in-out;transition:var(--selectra-options-animation-duration) ease-in-out;width:20px}.selectra-option:hover .selectra-option-icon{opacity:1;-webkit-transform:none;transform:none}.selectra-handler-icon svg{fill:inherit}.selectra-option[data-active=true]{border:2px solid #ccc}