.cs-dropdown-area{padding:0 12px;background-color:transparent;border:1px solid #ccc;border-radius:3px;color:#444;display:flex;cursor:pointer;height:28px;align-items:center;justify-items:center;flex-direction:row;flex-wrap:nowrap;width:-webkit-max-content;width:-moz-max-content;width:max-content}.dropdown-menu .cs-dropdown-area{padding:0;border:none;height:auto}.cs-dropdown.expanded .options-container-wrapper{display:block}.cs-dropdown .options-container-wrapper{display:none}.cs-dropdown .selected-value{margin:0 4px 0 0}.cs-dropdown,.cs-dropdown .controls-button{overflow:visible;position:relative;cursor:pointer}.cs-dropdown .selected-option{border:1px solid #e7e7e7;border-radius:3px;background:#fff;width:100%;max-width:100%;display:flex;align-items:center;flex-wrap:nowrap;justify-content:space-between;padding:0 5px}.cs-dropdown .controls-icon{border:1px solid #e7e7e7;border-radius:3px;background:#fff;width:100%;max-width:100%;display:flex;align-items:center;flex-wrap:nowrap;justify-content:space-between;padding:0 5px}.cs-dropdown .options-container{position:absolute;background-color:var(--menu-background);width:100%;z-index:100;top:100%;box-shadow:0 7px 20px -5px rgba(0,0,0,.6);border:1px solid var(--menu-border);border-radius:3px;min-width:100%;overflow:hidden;left:0;max-height:200px;min-height:0;height:auto}.cs-dropdown .options-container .option{display:grid;grid-template-columns:16px 1fr;align-items:center;padding:6px 10px;box-sizing:border-box;color:var(--option-text-color);grid-column-gap:8px}.cs-dropdown .options-container .with-icon .option{grid-template-columns:16px 20px 1fr}.cs-dropdown .options-container .option:not(:last-of-type){border-bottom:1px solid transparent}.cs-dropdown .options-container .option:hover:not(.selected){background-color:var(--menu-background-hover)}.cs-dropdown .options-container .option.selected .option-text{color:var(--selected-option-text-color);font-weight:300}.cs-dropdown .option-text-group{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.cs-dropdown .option-text{display:flex}.cs-dropdown .option-sub-text{font-size:11px;color:var(--option-text-color);padding-top:2px}.cs-dropdown .options{overflow-x:hidden}.cs-dropdown .options-sub-container{position:relative;overflow-y:auto;overflow-x:hidden;min-height:0;max-height:200px}.cs-dropdown .triangle-arrow{border-left:4px solid transparent;border-right:4px solid transparent}.cs-dropdown .triangle-arrow{border-top:5px solid var(--triangle-arrow)}.cs-dropdown.expanded .triangle-arrow{border-bottom:5px solid var(--triangle-arrow);border-top:none}.cs-dropdown .tick-sign{display:flex;transform:rotate(45deg);height:10px;width:6px;border-bottom:2px solid var(--tick-sign);border-right:2px solid var(--tick-sign);opacity:0;place-self:center}.cs-dropdown .option.selected .tick-sign{opacity:1}:root{--tick-sign:red;--triangle-arrow:#666;--option-text-color:#444;--selected-option-text-color:#32254c;--menu-background:#f9f9f9;--menu-background-hover:rgba(0,0,0,0.04);--menu-border:#aaa}.duplicate-button .cs-dropdown .options-container{width:250%;top:120%}.duplicate-button .cs-dropdown .options-container .option{grid-template-columns:1fr;font-size:1.1rem;font-weight:500}