.subscription-dropdown{position:relative;display:block;background-color:var(--color-blue-100);border:1px solid var(--color-light-gray-600);border-radius:var(--radius-l);transition:var(--transition-normal)}.subscription-dropdown.active{border-bottom-left-radius:0;border-bottom-right-radius:0}.subscription-dropdown-trigger{display:flex;align-items:center;gap:12px;transition:var(--transition-normal);padding:12px;cursor:pointer}.subscription-dropdown-trigger-text{padding-top:3px}.subscription-dropdown-trigger-caret{height:24px;width:36px;margin-left:auto;background:var(--color-gradient-blue-200);border:1px solid var(--color-light-gray-600);border-radius:var(--radius-s);display:flex;align-items:center;justify-content:center}.subscription-dropdown-trigger-caret svg{width:12px;height:8px;transition:var(--transition-quick)}.subscription-dropdown.active .subscription-dropdown-trigger-caret svg{transform:rotate(180deg)}.sbuscription-dropdown-options-wrapper{position:absolute;left:-1px;top:100%;width:calc(100% + 2px);height:0;overflow:hidden;transition:var(--transition-normal);background-color:var(--color-blue-100);border-radius:var(--radius-l)}.subscription-dropdown.active .sbuscription-dropdown-options-wrapper{border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 2px 2px var(--color-dark-gray-100)}.subscription-dropdown-options{display:flex;flex-direction:column;border:1px solid var(--color-light-gray-600);padding:8px 12px;gap:8px;border-radius:var(--radius-l);transition:var(--transition-normal)}.subscription-dropdown.active .subscription-dropdown-options{border-top-left-radius:0;border-top-right-radius:0}.subscription-dropdown-option{font-size:var(--font-size-body-s);font-weight:var(--font-weight-medium);line-height:var(--line-height-l);letter-spacing:var(--letter-spacing-xs);padding:6px 0 6px 12px;position:relative;cursor:pointer;z-index:0}.subscription-dropdown-option.selected{cursor:default;pointer-events:none}.subscription-dropdown-option:focus-visible{box-shadow:none;outline:none}.subscription-dropdown-option:focus-visible:not(.selected):after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 4px 1px var(--color-light-gray-500);outline:none}.subscription-dropdown-option:before{content:"";position:absolute;top:0;left:0;width:30%;height:100%;background:var(--color-gradient-blue-100);border-radius:var(--radius-s);transition:var(--transition-normal);opacity:0;z-index:-1}.subscription-dropdown-option.selected:before{width:100%;opacity:1}@media screen and (min-width: 750px){.subscription-dropdown-option:hover:before{width:100%;opacity:1}}@media screen and (min-width: 1000px){.subscription-dropdown-option{padding:14px 12px;font-size:var(--font-size-body-l)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-subscription-dropdown.css.map */