:root{--main-bg-color:#e3e8e9;--main-bg-color-hover: rgb(189, 214, 220);--contrast-bg-color: #000;--divider-color: #e3e3e3;--font-color: rgb(22,25,25);--input-color: #dcdcdc;--placeholder-color: #a9a9a9;--input-color-hover: #353535;--input-color-disabled: #d7d7d7;--mobile-font-size: 14px;--tablet-font-size: 16px;--mobile-container-padding: 15px;--tablet-container-padding: 24px}.cart-controls{display:flex;flex-direction:column;width:100%;gap:16px;background-color:var(--main-bg-color)}.is-cart-page .cart-controls{background-color:transparent}.cart-controls__divider{width:calc(100% + var(--mobile-container-padding) * 2);height:1px;background-color:var(--divider-color);align-self:center}@media screen and (min-width: 744px){.cart-controls__divider{width:calc(100% + var(--tablet-container-padding) * 2)}}.cart-controls__buttons{display:flex;justify-content:space-between;gap:24px;margin-bottom:15px}.control-button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 0;flex-basis:100%;color:var(--font-color);background:linear-gradient(#161919,#161919) no-repeat;background-size:100% 0%;background-position:0 100%;border:1px solid rgb(22,25,25);border-radius:6px;transition:transform .2s cubic-bezier(0,0,.3,1),background-size .35s ease;cursor:pointer;overflow:hidden}.control-button:hover,.control-button:focus{transform:translateY(-.25rem);background-size:100% 100%;color:#fff}.control-button__icon{width:40px;height:40px;fill:var(--font-color)}.control-button:hover .control-button__icon,.control-button:focus .control-button__icon{fill:#fff}.control-button__button-text{font-size:var(--mobile-font-size)}@media screen and (min-width: 744px){.control-button__button-text{font-size:var(--tablet-font-size)}}.cart-controls__overlay{display:flex;flex-direction:column;position:absolute;bottom:0;left:0;width:100%;height:auto;background-color:var(--main-bg-color);z-index:2;transform:translateY(100%);transition:transform .2s ease-in-out;padding-bottom:100px}.is-cart-page .cart-controls__overlay{position:relative;max-height:0;overflow:hidden;max-width:36rem;margin:0 auto;text-align:left;background-color:transparent;transition:transform .3s ease-in-out,max-height .3s ease-out;padding-bottom:0}.is-cart-page .cart-controls__overlay.active{max-height:415px}.cart-controls__overlay.active{transform:translateY(0)}.controls-overlay__divider{width:100%;height:1px;background-color:var(--divider-color)}.is-cart-page .controls-overlay__divider{display:none}.controls-overlay__close-button{position:absolute;top:16px;right:var(--mobile-container-padding);width:16px;height:16px;fill:var(--font-color);cursor:pointer;background:transparent;border:none;transition:transform .2s ease-in-out}@media screen and (min-width: 744px){.controls-overlay__close-button{right:var(--tablet-container-padding)}}.is-cart-page .controls-overlay__close-button{display:none}.controls-overlay__close-button:hover{transform:scale(1.1)}.controls-overlay__close-button svg{width:16px;height:16px}.controls-overlay__form{display:flex;flex-direction:column;gap:16px;width:100%;height:100%;padding:16px var(--mobile-container-padding)}@media screen and (min-width: 744px){.controls-overlay__form{gap:24px;padding:16px var(--tablet-container-padding)}}.is-cart-page .controls-overlay__form{padding:16px 0}.controls-overlay__title{font-size:var(--mobile-font-size)}@media screen and (min-width: 744px){.controls-overlay__title{font-size:var(--tablet-font-size)}}.overlay-form__delivery-type-block{display:flex;flex-direction:column;gap:8px;list-style:none;padding:0;margin:0}.overlay-form__delivery-type{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:var(--mobile-font-size)}@media screen and (min-width: 744px){.overlay-form__delivery-type{font-size:var(--tablet-font-size)}}.overlay-form__radio-input{position:absolute;opacity:0;cursor:pointer;width:0;height:0;overflow:hidden}.overlay-form__radio-checkmark{display:inline-block;width:16px;height:16px;background-color:transparent;border-radius:50%;border:1px solid rgb(22,25,25);position:relative;transition:background-color .2s ease-in-out,border-color .2s ease-in-out}.overlay-form__radio-input:checked+.overlay-form__radio-checkmark{background-color:var(--contrast-bg-color);border:none}.overlay-form__radio-checkmark:after{content:"";position:absolute;display:none;left:6px;top:3px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);transition:opacity .2s ease-in-out}.overlay-form__radio-input:checked+.overlay-form__radio-checkmark:after{display:block;opacity:1}.overlay-form__address-block{display:flex;flex-direction:column;gap:16px}.overlay-form__input-wrapper{position:relative}.overlay-form__input{width:100%;padding:8px;border:1px solid rgb(22,25,25);border-radius:6px;font-size:var(--mobile-font-size);background-color:transparent;transition:color .2s ease-in-out,border-color .2s ease-in-out}@media screen and (min-width: 744px){.overlay-form__input{font-size:var(--tablet-font-size)}}.overlay-form__input::placeholder{color:var(--placeholder-color);transition:color .2s ease-in-out}.overlay-form__input:focus{border-color:var(--input-color-hover);outline:none}.overlay-form__input:focus-visible{box-shadow:none;outline:none}.overlay-form__input:disabled{background-color:transparent;color:var(--input-color-disabled);border-color:var(--input-color-disabled);cursor:inherit}.overlay-form__input:disabled::placeholder{color:var(--input-color-disabled)}.overlay-form__suggestions{display:none;list-style-type:none;padding:0;margin:0;position:absolute;bottom:100%;background-color:#e3e8e9;border:1px solid #ccc;max-height:150px;overflow-y:auto;z-index:1000;width:100%;scrollbar-color:#ccc #e3e8e9}.overlay-form__suggestions::-webkit-scrollbar{width:8px}.overlay-form__suggestions::-webkit-scrollbar-track{background:#e3e8e9}.overlay-form__suggestions::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px;border:2px solid #e3e8e9}.is-cart-page .overlay-form__suggestions{background-color:#fff;scrollbar-color:#ccc white}.is-cart-page .overlay-form__suggestions::-webkit-scrollbar-track{background:#fff}.is-cart-page .overlay-form__suggestions::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid white}.overlay-form__suggestions li{padding:10px;cursor:pointer}.overlay-form__suggestions li:hover{background-color:#eee}@keyframes changeText{0%{opacity:1}50%{opacity:0}to{opacity:1}}.change-text-animation{animation:changeText .5s ease-in-out}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cart-controls.css.map */