:root{--overlay: rgba(0, 0, 0, .25);--black: #000;--white: #fff;--gray-60: #76736f;--hover: #3a3a3a;--error: red}.complementary{display:block}.complementary__overlay{background-color:var(--overlay);z-index:2001;width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;cursor:pointer}.complementary__overlay.hidden{display:none}.complementary__body{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999999;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1);display:flex;justify-content:center;align-items:center}.complementary__body.hidden{display:none}.complementary__body.complementary__body--open{transform:translateY(0);opacity:1}.complementary__body.complementary__body--closed{transform:translateY(100%);opacity:0}.complementary__content{position:relative;max-width:800px;width:100%;background:var(--white);box-shadow:0 -20px 40px 0 var(--overlay);padding:48px;z-index:2002;max-height:fit-content;height:fit-content;display:flex;flex-direction:column}.complementary__close{display:flex;justify-content:flex-end}.complementary__close-icon{cursor:pointer}.complementary__close-icon>svg{width:20px;height:20px;color:var(--black)}.complementary__content--header{display:flex;flex-direction:column;gap:8px}.complementary__content--wrapper{display:flex;flex-direction:column;gap:8px;flex:1 1 auto}.complementary__content--header--title{font-family:Abel,sans-serif;font-size:32px;font-style:normal;font-weight:400;line-height:normal;color:var(--black);margin:0}.complementary__content--header--subtitle{color:var(--black);font-family:Abel,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal;margin:0}.complementary__content--body{flex:1 1 auto;overflow-y:auto}.complementary__product--image{width:164px;height:164px}.complementary__content--footer{flex-shrink:0;height:auto}.complementary__content--footer--wrapper{display:flex;flex-direction:column;gap:8px}.product-info__complementary-button{display:flex;align-items:center;justify-content:center}.product-info__complementary-button>svg{width:20px;height:20px;stroke:var(--black);display:none}.product-info__complementary-button.product-info__complementary-button--loading{pointer-events:none;opacity:.5}.product-info__complementary-button.product-info__complementary-button--loading .product-info__complementary-button--text{display:none}.product-info__complementary-button.product-info__complementary-button--loading>svg{animation:spin 1s infinite linear;display:block}.complementary__button{border:1px solid var(--gray-60);background-color:var(--black);height:48px;padding:16px;color:var(--white);display:flex;align-items:center;justify-content:center;width:100%;font-size:16px;font-style:normal;font-weight:400;line-height:normal;font-size:"Avenir Next",sans-serif;cursor:pointer;transition:all .2s ease-in-out}.complementary__button.complementary__button--loading{pointer-events:none;opacity:.5}.complementary__button.complementary__button--loading .complementary__button--text{display:none}.complementary__button>svg{width:20px;height:20px;stroke:var(--white);display:none}.complementary__button.complementary__button--loading>svg{animation:spin 1s infinite linear;display:block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.complementary__button--outline{background-color:transparent;color:var(--black)}.complementary__button--outline>svg{stroke:var(--black)}.complementary__button:hover{background-color:var(--hover);border:1px solid var(--hover);color:var(--white)}.complementary__button:disabled{pointer-events:none!important;opacity:.5!important}.complementary__content--footer--button-wrapper{display:flex;flex-direction:column;gap:8px}.complementary__content--footer--error{display:inline-flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px}.complementary__content--footer--error.complementary__content--footer--error--hidden{display:none}.complementary__content--footer--error-message{color:var(--error);text-transform:capitalize;font-family:Abel,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.complementary__content--footer--error-icon{line-height:normal}.complementary__content--footer--error-icon>svg{width:14px;height:14px;color:var(--error)}@media screen and (max-width: 768px){.complementary__content{padding:24px 12px 32px;margin:0 16px}.complementary__content--header--title{font-size:20px}.complementary__content--header--subtitle{font-size:14px}.complementary__content--footer--error-message{font-size:12px}.complementary__content--footer--error-icon>svg{width:12px;height:12px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/complementary-products.css.map */