.ccb-order-dropdown{position:relative}.ccb-order-dropdown__input{border:var(--ccb-fields-border) var(--ccb-fields-border-style) var(--ccb-fields-border-color);border-radius:var(--ccb-fields-border-radius);padding:12px var(--ccb-field-side-indent);min-height:var(--ccb-field-button-height);background-color:var(--ccb-fields-bg-color);font-size:var(--ccb-fields-button-size);font-weight:var(--ccb-field-weight);box-sizing:border-box;width:100%;color:var(--ccb-text-color);outline:none!important;line-height:unset!important;box-shadow:none!important}@media only screen and (max-width: 480px){.ccb-order-dropdown__input{font-size:var(--ccb-mobile-fields-button-size);font-weight:var(--ccb-mobile-fields-button-weight)}}.ccb-order-dropdown__input{display:grid;grid-template-columns:1fr auto;justify-content:space-between;cursor:pointer}@media only screen and (max-width: 480px){.ccb-order-dropdown__input{padding:12px var(--ccb-mobile-field-side-indent);min-height:var(--ccb-mobile-field-button-height)}}.ccb-order-dropdown__icon{font-size:8px;display:grid;place-items:center;transition:.3s ease;color:color-mix(in srgb,var(--ccb-fields-bg-color) 75%,black)}.ccb-order-dropdown__list{margin-top:5px;border-radius:4px;background:#fff;border-color:transparent;box-shadow:0 10px 30px #00000026;max-height:261px;position:absolute;top:25px;left:0;width:100%;z-index:100;visibility:hidden;opacity:0;transition:.2s ease}.ccb-order-dropdown__list ul{list-style:none;padding:0;margin:0;background:var(--ccb-fields-bg-color)}.ccb-order-dropdown__list ul li{margin:0;background:var(--ccb-fields-bg-color);color:var(--ccb-text-color);font-size:var(--ccb-field-size);font-weight:var(--ccb-field-weight);padding:20px;border-bottom:1px solid var(--ccb-fields-border-color);cursor:pointer}@media only screen and (max-width: 480px){.ccb-order-dropdown__list ul li{font-size:var(--ccb-mobile-field-size);font-weight:var(--ccb-mobile-field-weight)}}.ccb-order-dropdown__list ul li:hover{background:var(--ccb-fields-hover-color)!important}.ccb-order-dropdown.active .ccb-order-dropdown__input{border-color:var(--ccb-accent-color)}.ccb-order-dropdown.active .ccb-order-dropdown__list{visibility:visible;opacity:1;top:45px}.ccb-order-dropdown.active .ccb-order-dropdown__icon{transform:rotate(180deg)}
