.derma-dropdown{position:relative;display:inline-block;font-family:var(--font-family, "Montserrat", sans-serif);vertical-align:top}.derma-dropdown__trigger{display:inline-flex;align-items:center;justify-content:space-between;width:100%;gap:10px;padding:15px 25px 15px 35px;border-radius:500px;cursor:pointer;color:#333;font-family:inherit;font-size:16px;font-weight:500;letter-spacing:-.24px;line-height:20px;position:relative}.derma-dropdown--outlined .derma-dropdown__trigger{background-color:#fff;border:1px solid #d2d2d2}.derma-dropdown--filled .derma-dropdown__trigger{background-color:#f7f7f7;border:none}.derma-dropdown--filled-outlined .derma-dropdown__trigger{background-color:#f7f7f7;border:1px solid #d2d2d2}.derma-dropdown--compact .derma-dropdown__trigger{padding:7px 15px}.derma-dropdown--outlined .derma-dropdown__trigger--open,.derma-dropdown--filled-outlined .derma-dropdown__trigger--open{border-radius:20px 20px 0 0;border-bottom-color:transparent;z-index:31}.derma-dropdown--filled .derma-dropdown__trigger--open{border-radius:20px 20px 0 0;z-index:31}.derma-dropdown__trigger:disabled{cursor:not-allowed;opacity:.5}.derma-dropdown__trigger:focus-visible{outline:none;border-color:#5670cf}.derma-dropdown__label{flex:1;text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#000}.derma-dropdown--align-end .derma-dropdown__label{flex:1;text-align:end}.derma-dropdown__label--placeholder{color:#000}.derma-dropdown__chevron{display:inline-block;width:8px;height:14px;flex-shrink:0;background-color:#333;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;transition:transform .2s ease;transform:rotate(90deg)}.derma-dropdown__chevron--open{transform:rotate(-90deg)}.derma-dropdown__menu{position:absolute;left:0;right:0;z-index:30;overflow:hidden}.derma-dropdown--outlined .derma-dropdown__menu{top:calc(100% - 1px);background-color:#fff;border:1px solid #d2d2d2;border-top:none;border-radius:0 0 20px 20px}.derma-dropdown--filled .derma-dropdown__menu{top:100%;background-color:#f7f7f7;border:none;border-radius:0 0 20px 20px}.derma-dropdown--filled-outlined .derma-dropdown__menu{top:calc(100% - 1px);background-color:#f7f7f7;border:1px solid #d2d2d2;border-top:none;border-radius:0 0 20px 20px}.derma-dropdown__list{margin:0;padding:10px 20px 25px;list-style:none;display:flex;flex-direction:column;gap:15px;max-height:240px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.derma-dropdown--compact .derma-dropdown__list{padding:5px 5px 10px;gap:6px}.derma-dropdown__list::-webkit-scrollbar{width:4px}.derma-dropdown__list::-webkit-scrollbar-track{background:transparent}.derma-dropdown__list::-webkit-scrollbar-thumb{background-color:#0003;border-radius:2px}.derma-dropdown__list::-webkit-scrollbar-thumb:hover{background-color:#00000059}.derma-dropdown__item{padding:5px 15px;border-radius:500px;font-size:14px;font-weight:400;color:#333;cursor:pointer;background-color:transparent;letter-spacing:-.21px;line-height:20px;transition:background-color .1s ease;-webkit-user-select:none;user-select:none}.derma-dropdown--compact .derma-dropdown__item{padding:3px 10px}.derma-dropdown__item--highlighted{background-color:#f1f1f1}.derma-dropdown__item--selected{font-weight:500}