@layer components{.c-dropdown{--dropdown-toggle-border-color:var(--brand-pewter);--dropdown-toggle-border-color-active:var(--brand-bronze);--dropdown-toggle-icon-transform:rotateX(180deg);--dropdown-panel-opacity:0;position:relative}.c-dropdown.is-active{--dropdown-toggle-border-color:var(--dropdown-toggle-border-color-active);--dropdown-toggle-icon-transform:none;--dropdown-panel-opacity:1}.c-dropdown__toggle{align-items:center;background:var(--brand-pewter);border:1px solid var(--dropdown-toggle-border-color);border-radius:60px;display:flex;font-size:15px;font-weight:var(--font-weight-medium);gap:10px;height:42px;letter-spacing:2px;padding:.63rem .94rem;text-transform:uppercase}.c-dropdown__toggle:before{background-color:var(--brand-bronze);content:"";display:inline-block;height:10px;-webkit-mask-image:url(../../../img/icons/chevron-up.svg);mask-image:url(../../../img/icons/chevron-up.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:relative;transform:var(--dropdown-toggle-icon-transform);transition:transform .15s ease;width:16px}.c-dropdown__panel{background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:16px;left:0;margin-top:0;opacity:var(--dropdown-panel-opacity);padding:20px;position:absolute;top:calc(100% + 10px);transition:opacity .15s ease;width:206px;z-index:10}@media only screen and (max-width:800px){.c-dropdown__toggle{height:38px}}}