.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--glass .derma-dropdown__trigger{background-color:#ffffff1f;border:1px solid #d2d2d2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.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--glass .derma-dropdown__trigger--open{border-radius:20px 20px 0 0;border-bottom-color:transparent;z-index:31}.derma-dropdown__trigger:disabled{cursor:not-allowed;opacity:.5}.derma-dropdown__trigger:focus-visible{outline:none;border-color:#5670cf}.derma-dropdown__icon-trigger{flex-shrink:0;width:40px;height:40px;border-radius:50%;background-color:#fff;border:1px solid #d2d2d2;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#333;transition:border-color .2s ease}.derma-dropdown__icon-trigger:hover,.derma-dropdown__icon-trigger.is-open{border-color:#333}.derma-dropdown__icon-trigger:focus-visible{outline:none;border-color:#5670cf}.derma-dropdown__menu-header{display:flex;align-items:center;gap:8px;padding:12px 20px 4px;font-size:14px;white-space:nowrap;font-weight:500;letter-spacing:-.24px;color:#333}.derma-dropdown__menu-header-current{color:#a8a8a8}.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--glass .derma-dropdown__menu{top:calc(100% - 1px);background-color:#fff9;border:1px solid #d2d2d2;border-top:none;border-radius:0 0 20px 20px;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 8px 24px #0000000f}.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{display:block;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;text-decoration:none}a.derma-dropdown__item:hover{color:#333}.derma-dropdown--menu-start .derma-dropdown__menu{left:0;right:auto}.derma-dropdown--menu-end .derma-dropdown__menu{left:auto;right:0}.derma-dropdown--detached .derma-dropdown__menu{top:calc(100% + 8px);border-radius:20px}.derma-dropdown--detached.derma-dropdown--outlined .derma-dropdown__menu,.derma-dropdown--detached.derma-dropdown--filled-outlined .derma-dropdown__menu,.derma-dropdown--detached.derma-dropdown--glass .derma-dropdown__menu{border-top:1px solid #d2d2d2}.derma-dropdown--detached .derma-dropdown__trigger--open{border-radius:500px;border-bottom-color:inherit}.derma-dropdown--detached.derma-dropdown--outlined .derma-dropdown__trigger--open,.derma-dropdown--detached.derma-dropdown--filled-outlined .derma-dropdown__trigger--open,.derma-dropdown--detached.derma-dropdown--glass .derma-dropdown__trigger--open{border-bottom-color:#d2d2d2}.derma-dropdown--compact .derma-dropdown__item{padding:3px 10px}.derma-dropdown__item--highlighted{background-color:#f1f1f1}.derma-dropdown__item--selected{font-weight:500}