.product-complementary-set{border:.1rem solid rgba(var(--color-foreground),.12);border-radius:1.6rem;padding:1.8rem;background:rgb(var(--color-background))}.product-complementary-set__inner{display:flex;flex-direction:column;align-items:center;gap:1.4rem;text-align:center}.product-complementary-set__heading{margin:0;font-size:1.4rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--color-foreground))}.product-complementary-set__item{width:100%;display:flex;flex-direction:column;align-items:center;gap:.9rem;color:inherit;text-decoration:none}.product-complementary-set__item--linked{transition:transform .3s ease,opacity .3s ease}.product-complementary-set__item--linked:hover{transform:translateY(-.3rem)}.product-complementary-set__media{width:min(100%,15.2rem);border-radius:1.2rem;overflow:hidden;background:rgba(var(--color-foreground),.04);position:relative}.product-complementary-set__image{display:block;width:100%;height:auto;transition:transform .4s ease}.product-complementary-set__item--linked:hover .product-complementary-set__image{transform:scale(1.05)}.product-complementary-set__meta{display:flex;flex-direction:column;gap:.6rem}.product-complementary-set__item-prices{display:flex;align-items:baseline;justify-content:center;gap:.6rem;flex-wrap:wrap;margin:0}.product-complementary-set__item-price{line-height:1}.product-complementary-set__item-price--current{font-size:1.6rem;font-weight:700;color:rgb(var(--color-foreground))}.product-complementary-set__item-price--original{font-size:1.3rem;color:rgba(var(--color-foreground),.8)}.product-complementary-set__label{position:absolute;width:100%;left:50%;transform:translate(-50%);background-color:rgba(var(--color-background),.9);padding:.4rem .8rem;border-radius:.4rem;font-size:.9rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--color-foreground));margin:0;z-index:1}.product-complementary-set__title{font-size:1.5rem;font-weight:500;line-height:1.35;margin:0;color:rgb(var(--color-foreground))}.product-complementary-set__plus{width:3.8rem;height:3.8rem;display:inline-flex;align-items:center;justify-content:center}.product-complementary-set__plus .svg-wrapper{width:1.6rem;height:1.6rem;display:inline-flex}.product-complementary-set__plus svg{width:100%;height:100%}.product-complementary-set__pricing{display:flex;align-items:baseline;justify-content:center;gap:.9rem;flex-wrap:wrap;width:100%;border-top:.1rem solid rgba(var(--color-foreground),.12);padding-top:1.5rem;margin-top:.5rem}.product-complementary-set__total-label{font-size:1.4rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:rgba(var(--color-foreground),1)}.product-complementary-set__price{line-height:1}.product-complementary-set__price--current{font-size:2.2rem;font-weight:700;color:rgb(var(--color-foreground))}.product-complementary-set__price--original{font-size:1.5rem;color:rgba(var(--color-foreground),.8)}@media screen and (min-width:750px){.product-complementary-set{padding:2rem 2.2rem}.product-complementary-set__media{width:min(100%,17.6rem)}.product-complementary-set__price--current{font-size:2.4rem}}.product-complementary-set__add-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:1.3rem 2rem;border:.1rem solid rgb(var(--color-foreground));background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.4rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:5px;margin-top:.2rem}.product-complementary-set__add-btn:hover{opacity:.82}.product-complementary-set__add-btn-spinner{display:inline-flex;width:2rem;height:2rem}.product-complementary-set__add-btn-spinner svg{width:100%;height:100%}.comp-set-modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2147483647;display:flex;align-items:flex-end;justify-content:flex-end;padding:2rem;background:#0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.comp-set-modal.active{opacity:1;visibility:visible;pointer-events:auto}.comp-set-modal__dialog{position:relative;z-index:1;width:min(100%,44rem);max-height:85vh;overflow-y:auto;background:rgb(var(--color-background));border-radius:1.2rem;box-shadow:0 8px 40px #00000026;transform:scale(.96) translateY(1rem);transition:transform .25s ease}.comp-set-modal.active .comp-set-modal__dialog{transform:scale(1) translateY(0)}.comp-set-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.6rem 2rem;border-bottom:.1rem solid rgba(var(--color-foreground),.1)}.comp-set-modal__heading{margin:0;font-size:1.6rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.comp-set-modal__close{background:none;border:none;cursor:pointer;padding:.4rem;display:inline-flex;align-items:center;justify-content:center}.comp-set-modal__close .svg-wrapper{width:2rem;height:2rem;display:inline-flex}.comp-set-modal__close svg{width:100%;height:100%}.comp-set-modal__body{padding:2rem;display:flex;flex-direction:column;gap:2rem}.comp-set-modal__product{display:flex;flex-direction:column;gap:1.2rem}.comp-set-modal__product+.comp-set-modal__product{padding-top:1.6rem;border-top:.1rem solid rgba(var(--color-foreground),.1)}.comp-set-modal__product-header{display:flex;align-items:center;gap:1.2rem}.comp-set-modal__thumb{width:5.6rem;height:5.6rem;border-radius:.8rem;overflow:hidden;flex-shrink:0;background:rgba(var(--color-foreground),.04)}.comp-set-modal__thumb-img{display:block;width:100%;height:100%;object-fit:cover}.comp-set-modal__product-info{display:flex;flex-direction:column;gap:.2rem}.comp-set-modal__product-title{font-size:1.4rem;font-weight:600;line-height:1.3}.comp-set-modal__product-color{font-size:1.2rem;color:rgba(var(--color-foreground),.6);text-transform:capitalize}.comp-set-modal__sizes{display:flex;flex-direction:column;gap:.8rem}.comp-set-modal__size-label{font-size:1.2rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:rgba(var(--color-foreground),.7);margin:0}.comp-set-modal__size-options{display:flex;flex-wrap:wrap;gap:.6rem}.comp-set-modal__size-btn{min-width:5rem;height:4rem;padding:0 1rem;display:inline-flex;align-items:center;justify-content:center;border:.1rem solid rgba(var(--color-foreground),.2);background:transparent;color:rgb(var(--color-foreground));font-size:1.3rem;font-weight:500;cursor:pointer;transition:border-color .2s ease,background-color .2s ease;border-radius:5px}.comp-set-modal__size-btn:hover:not(:disabled){border-color:rgb(var(--color-foreground))}.comp-set-modal__size-btn--active{border-color:rgb(var(--color-foreground));background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.comp-set-modal__size-btn--disabled{opacity:.35;cursor:not-allowed;text-decoration:line-through}.comp-set-modal__status{font-size:1.3rem;line-height:1.4;padding:1rem 1.2rem;border-radius:.6rem;text-align:center}.comp-set-modal__status--error{background:#c8323214;color:#a33}.comp-set-modal__status--info{background:rgba(var(--color-foreground),.06);color:rgb(var(--color-foreground))}.comp-set-modal__submit{border-radius:5px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.comp-set-modal__submit-spinner{display:inline-flex;width:2rem;height:2rem}.comp-set-modal__submit-spinner svg{width:100%;height:100%}.product-complementary-set--horizontal .product-complementary-set__inner{align-items:flex-start;text-align:left}.product-complementary-set--horizontal .product-complementary-set__item{flex-direction:row;justify-content:flex-start;align-items:center;gap:1.8rem;text-align:left}.product-complementary-set--horizontal .product-complementary-set__media{width:12rem;flex-shrink:0;border-radius:.8rem}.product-complementary-set--horizontal .product-complementary-set__meta{flex-grow:1;gap:.6rem}.product-complementary-set--horizontal .product-complementary-set__title{font-size:1.5rem}.product-complementary-set--horizontal .product-complementary-set__plus{margin:.8rem 0;width:100%;justify-content:center}.product-complementary-set--horizontal .product-complementary-set__item-prices{justify-content:flex-start}.product-complementary-set--horizontal .product-complementary-set__label{font-size:.75rem;padding:.2rem .5rem;white-space:nowrap}@media screen and (min-width:750px){.product-complementary-set--horizontal .product-complementary-set__media{width:15rem}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/component-complementary-set.css.map */