.c-variant-dropdown{border:.0625rem solid var(--border);border-radius:.25rem;width:100%}.c-variant-dropdown__toggle{--arrow-width:0.625rem;align-items:center;color:var(--text);cursor:pointer;display:flex;flex-direction:row;font-size:var(--font-static-lg);font-weight:600;gap:.5rem;gap:1rem;justify-content:space-between;letter-spacing:.03em;padding-block:1.25rem;padding-inline:1rem;transition:border-color .15s ease-in;width:100%}.c-variant-dropdown__toggle:after{border-bottom:var(--arrow-thickness,.125rem) solid;border-right:var(--arrow-thickness,.125rem) solid;content:"";display:block;height:var(--arrow-width,.5rem);margin:0 .2rem .25rem;transform:rotate(45deg);transform-origin:50% 65%;transition:transform .3s ease-in-out;width:var(--arrow-width,.5rem)}.c-variant-dropdown__toggle.is-active:after{transform:rotate(225deg)}.c-variant-dropdown__toggle .indicator{display:none}.c-variant-dropdown__toggle:focus{border-color:var(--primary-dark);border-width:.125rem;outline:none}.c-variant-dropdown__content{display:none;height:0;opacity:0;overflow:hidden;width:var(--dropdown-width,100%)}.c-variant-dropdown__content:after,.c-variant-dropdown__content:before{content:"";display:block;position:relative;z-index:-1}.c-variant-dropdown__content:before{margin-top:-.3125rem}.c-variant-dropdown__content:after{margin-bottom:-3.3125rem}.c-variant-dropdown__content.is-active{display:block;transition:padding .3s ease,opacity .3s ease}.c-variant-dropdown__content.is-visible{animation:overflowVisible .3s forwards;height:auto;opacity:1;padding-bottom:3.5rem;padding-top:.5rem}.c-variant-dropdown__content>:last-child{padding-bottom:1.5rem}.c-variant-dropdown__list{display:grid;gap:.5rem;list-style:none;margin:0;padding:0;width:100%}.c-variant-dropdown__item{width:100%}.c-variant-dropdown__link{border-radius:var(--radius-secondary);color:var(--text);display:block;padding:.75rem 1rem;text-decoration:none;transition:background-color .15s ease-in,color .15s ease-in;width:100%}.c-variant-dropdown__link:hover{background-color:var(--surface-subtle);color:var(--text-brand)}.c-variant-dropdown__link.is-selected{background-color:var(--primary-lighter);color:var(--primary-dark);font-weight:500}