.complementary-products__container{display:flex;flex-direction:column;gap:1.3rem}product-recommendations:not(.is-accordion) .complementary-products__container{margin-top:1.5rem}.complementary-products__container>details[open]{padding-bottom:1.5rem}.complementary-slider{margin-top:0;gap:0}.complementary-slide{--shadow-padding-sides: calc((var(--shadow-horizontal-offset) + var(--shadow-blur-radius)) * var(--shadow-visible));--shadow-padding-sides-negative: calc( (var(--shadow-horizontal-offset) * -1 + var(--shadow-blur-radius)) * var(--shadow-visible) )}.complementary-slide>ul{display:flex;flex-direction:column;gap:var(--grid-mobile-vertical-spacing)}.complementary-slide.complementary-slide--standard>ul{gap:calc(var(--grid-mobile-vertical-spacing) + 8px)}@media screen and (min-width:750px){.complementary-slide>ul{gap:var(--grid-desktop-vertical-spacing)}.complementary-slide.complementary-slide--standard>ul{gap:calc(var(--grid-desktop-vertical-spacing) + 8px)}}.complementary-slide.grid__item{width:100%;padding-top:max(var(--focus-outline-padding),var(--shadow-padding-top));padding-bottom:max(var(--focus-outline-padding),var(--shadow-padding-bottom));padding-right:max(var(--focus-outline-padding),var(--shadow-padding-sides));padding-left:max(var(--focus-outline-padding),var(--shadow-padding-sides-negative))}.complementary-slide .card-wrapper{height:auto}.complementary-products>.summary__title{display:flex;line-height:1;padding:1.5rem 0}.accordion+product-recommendations .accordion,product-recommendations.is-accordion+.accordion{margin-top:0;border-top:none}.complementary-products>.summary__title .icon-accordion{fill:rgb(var(--color-foreground));height:calc(var(--font-heading-scale) * 2rem);margin-right:calc(var(--font-heading-scale) * 1rem);width:calc(var(--font-heading-scale) * 2rem)}.complementary-products__container .card--card .card__content,.complementary-products__container .card--horizontal .card__information{padding:0}.complementary-products__container .card--horizontal .card__inner{max-width:20%}@media screen and (min-width:750px)and (max-width:1200px){.complementary-products__container .card--horizontal .card__inner{max-width:25%}}.complementary-slide .card--text .card__content{grid-template-rows:minmax(0,1fr) max-content auto}.complementary-products__container .card--card.card--media>.card__content{margin-top:0}.complementary-products-contains-quick-add .underline-links-hover:hover a{text-decoration:initial}.complementary-products-contains-quick-add .card__heading:hover a{text-decoration:underline}.complementary-products__container .card--card .card__inner .card__media{border-radius:calc(var(--corner-radius) - var(--border-width) - var(--image-padding))}.complementary-products__container .card--horizontal .quick-add{margin:0;max-width:20rem}.complementary-products__container .quick-add__submit{padding:1.5rem 0;min-height:inherit}.complementary-products__container .quick-add__submit .icon-plus{width:1.2rem}.complementary-products__container .icon-wrap{display:flex}.complementary-products .sold-out-message:not(.hidden)+.icon-wrap{display:none}.complementary-products__container .quick-add__submit:not(.animate-arrow) .icon-wrap{transition:transform var(--duration-short) ease}.complementary-products__container .quick-add__submit:not(.animate-arrow):hover .icon-wrap{transform:rotate(90deg)}.complementary-products__container .quick-add__submit:after,.complementary-products__container .quick-add__submit:hover:after{box-shadow:none}.complementary-products__container .card--horizontal .quick-add,.complementary-products__container .card__badge{justify-self:var(--text-alignment)}.product--no-media .complementary-products__container .price{text-align:var(--text-alignment)}@media screen and (min-width:750px){.complementary-products__container .price--on-sale .price-item--regular{font-size:1.3rem}}.complementary-products:not(.is-accordion) .complementary-products__container{margin-top:2rem;padding:16px 16px 8px;gap:0;background:#f4f6fb;border:1px solid #d9dee8;border-radius:11px}.complementary-products .summary__title{padding:0 0 4px}.complementary-products .summary__title .accordion__title{margin:0;font-size:1.8rem;font-weight:700;line-height:23px;color:#133f8a}.complementary-products__subline{margin:0 0 4px;font-size:1.4rem;line-height:18px;color:#454545}.complementary-products__list>ul{display:flex;flex-direction:column}.complementary-products__list>ul>li{padding:10px 0}.complementary-products__list>ul>li{border-bottom:1px solid #d9dee8}.complementary-products__list:not(:has(.complementary-products__toggle))>ul>li:last-child{border-bottom:0}.complementary-products__list>ul>li[hidden]{display:none}.complementary-products__container .card.card--horizontal{position:relative;align-items:center;gap:12px;min-height:5.6rem;padding-right:5.6rem}.complementary-products__container .card--horizontal .card__inner{flex:0 0 5.6rem;width:5.6rem;max-width:5.6rem;height:5.6rem;border:1px solid #d9dee8;border-radius:8px;background:#fff;overflow:hidden}.complementary-products__container .card--horizontal .card__media img{object-fit:contain}.complementary-products__container .card--horizontal .card__heading,.complementary-products__container .card--horizontal .card__heading a{font-size:1.5rem;font-weight:400;line-height:19px;color:#000}.complementary-products__container .card--horizontal .card__heading{margin:0 0 2px}.complementary-products__container .product-card__type,.complementary-products__container .card-information .caption-large{display:none}.complementary-products__container .card--horizontal .card-information{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px}.complementary-products__container .card--horizontal .card-information>.price{width:auto}.complementary-products__container .card--horizontal .price,.complementary-products__container .card--horizontal .price__container .price-item{font-size:1.5rem;font-weight:700;line-height:19px;color:#454545}.complementary-products__container .card--horizontal .product-card__tax{font-size:1.2rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:0;color:#6b6b6b}.complementary-variant{display:block;margin-top:.6rem}.complementary-variant__select,.complementary-dropdown__trigger{-webkit-appearance:none;appearance:none;width:100%;height:34px;padding:0 30px 0 10px;border:1px solid #c7ccd6;border-radius:8px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4.8 6.4 8 9.6l3.2-3.2' stroke='%23454545' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 8px center / 16px 16px;font-size:1.4rem;color:#000;text-overflow:ellipsis}.complementary-variant__select:has(option[value=""]:checked),.complementary-dropdown__trigger.is-placeholder{color:#6b6b6b}.complementary-variant__select:focus-visible,.complementary-dropdown__trigger:focus-visible,.complementary-products__container .quick-add__submit:focus-visible{outline:2px solid #133f8a;outline-offset:2px}.complementary-products__container .card--horizontal .quick-add{position:absolute;top:50%;right:0;width:4.4rem;max-width:4.4rem;margin:0;transform:translateY(-50%)}.complementary-products__container .card--horizontal .quick-add:has(.complementary-variant){position:static;width:100%;max-width:none;transform:none}.complementary-products__container .complementary-variant .quick-add__submit{position:absolute;top:auto;right:0;bottom:0;transform:none}.complementary-products__container .quick-add__submit{--text-speed: .26;--base-delay: calc(var(--text-speed) * .25);--tick-speed: .1;--ring-speed: .2;--check-speed: .2;--burst-speed: .32;--step-delay: 3;--ease-out-quad: cubic-bezier(.5, 1, .89, 1);--ease-out-cubic: cubic-bezier(.33, 1, .68, 1);position:relative;display:flex;align-items:center;justify-content:center;width:4.4rem;min-width:4.4rem;height:4.4rem;min-height:4.4rem;padding:0;border:1.5px solid #133f8a;border-radius:50%;background:#fff;box-shadow:none;color:#133f8a;font-size:0;line-height:0;overflow:hidden;-webkit-user-select:none;user-select:none;transition:color .2s ease,background-color .2s ease,scale .2s ease,translate .2s ease}.complementary-products__container .quick-add__submit:before,.complementary-products__container .quick-add__submit:after{display:none}.complementary-products__container .quick-add__submit:hover:not(:disabled){background:#eaf0fb}.complementary-products__container .quick-add__submit:active:not(:disabled){scale:.97;translate:0 1px}.complementary-products__container .quick-add__submit:disabled{border-color:#c7ccd6;color:#9aa3b2;opacity:1}.complementary-products__container .quick-add__submit .icon-wrap{margin:0;clip-path:circle(100% at 50% 50%);transition:clip-path .16s ease-out,opacity .26s ease-out,filter .26s ease-out,translate .26s ease-out}.complementary-products__container .quick-add__submit .icon-wrap svg{width:1.4rem;height:1.4rem;color:inherit;stroke-width:2px}.complementary-products__container .quick-add__submit .loading__spinner{display:none!important}.complementary-products__container .quick-add__submit.loading{color:#133f8a}.complementary-products__container .add-to-cart__added{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;translate:-50% -50%;pointer-events:none}.complementary-products__container .add-to-cart__added-icon{display:flex;width:32px;height:32px}.complementary-products__container .checkmark-burst{width:30px;height:30px;opacity:0;overflow:visible}.complementary-products__container .checkmark-burst .burst{rotate:20deg}.complementary-products__container .checkmark-burst .check{opacity:.2;scale:.8;filter:blur(2px);transform:translateZ(0)}.complementary-products__container .checkmark-burst :is(.ring,.line,.check,.burst,.tick){transform-box:fill-box;transform-origin:center}.complementary-products__container .checkmark-burst .line{stroke-dasharray:1.5 1.5;stroke-dashoffset:-1.5;translate:0 -180%}.complementary-products__container .checkmark-burst g{transform-origin:center;rotate:calc(var(--index) * (360 / 8) * 1deg)}.complementary-products__container .quick-add__submit[data-added=true]{color:transparent}.complementary-products__container .quick-add__submit[data-added=true] .add-to-cart__added{color:#133f8a}.complementary-products__container .quick-add__submit[data-added=true] .checkmark-burst{opacity:1}.complementary-products__container .quick-add__submit[data-added=true] .check{opacity:1;scale:1;filter:blur(0)}.complementary-products__container .quick-add__submit[data-added=true] .tick{scale:1.75}.complementary-products__container .quick-add__submit[data-added=true] .ring{opacity:0;scale:1}.complementary-products__container .quick-add__submit[data-added=true] .line{stroke-dashoffset:1.5}.complementary-products__container .quick-add__submit[data-added=true] .icon-wrap{clip-path:circle(0% at 50% 50%);filter:blur(2px);opacity:0;translate:0 4px}@media(prefers-reduced-motion:no-preference){.complementary-products__container .quick-add__submit[data-added=true] .check{transition:opacity calc(var(--check-speed) * 1s) var(--ease-out-quad) calc(var(--base-delay) * 1s),scale calc(var(--check-speed) * 1s) var(--ease-out-quad) calc(var(--base-delay) * 1s),filter calc(var(--check-speed) * 1s) var(--ease-out-quad) calc(var(--base-delay) * 1s)}.complementary-products__container .quick-add__submit[data-added=true] .tick{transition:scale calc(var(--tick-speed) * 1s) ease-out calc((var(--base-delay) + var(--check-speed) * var(--step-delay) * 1.1) * 1s)}.complementary-products__container .quick-add__submit[data-added=true] .ring{transition:opacity calc(var(--ring-speed) * 1s) var(--ease-out-quad) calc((var(--base-delay) + var(--check-speed) * var(--step-delay)) * 1s),scale calc(var(--ring-speed) * 1s) var(--ease-out-quad) calc((var(--base-delay) + var(--check-speed) * var(--step-delay)) * 1s)}.complementary-products__container .quick-add__submit[data-added=true] .line{transition:stroke-dashoffset calc(var(--burst-speed) * 1s) var(--ease-out-cubic) calc((var(--base-delay) + var(--check-speed) * var(--step-delay)) * 1s)}}.complementary-products__toggle{display:inline-flex;align-items:center;gap:6px;margin:0;padding:12px 0 8px;border:0;background:none;font:inherit;font-size:1.5rem;line-height:19px;color:#133f8a;text-decoration:none;cursor:pointer}.complementary-products__toggle:after{content:"";flex:none;width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4.8 6.4 8 9.6l3.2-3.2' stroke='%23133F8A' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 16px 16px}.complementary-products__toggle[aria-expanded=true]:after{transform:rotate(180deg)}.complementary-dropdown{position:relative}.complementary-dropdown__native{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.complementary-dropdown__trigger{display:block;overflow:hidden;text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.complementary-dropdown__list{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:30;margin:0;padding:0;overflow-y:auto;list-style:none;background:#fff;border:1px solid #d9dee8;border-radius:8px;box-shadow:0 4px 12px #00000014}.complementary-dropdown__list.is-above{top:auto;bottom:calc(100% + 4px)}.complementary-dropdown__option{padding:8px 10px;font-size:1.4rem;line-height:18px;color:#000;cursor:pointer}.complementary-dropdown__option.is-active{background:#edf2fc;color:#133f8a}.complementary-dropdown__option.is-disabled{color:#9aa3b2;cursor:not-allowed}.complementary-products__list>ul>li:has(.complementary-dropdown.is-open){position:relative;z-index:20}.complementary-dropdown~.complementary-dropdown,.complementary-variant__select~.complementary-variant__select{margin-top:6px}.complementary-variant__select:not(:has(option[value=""]:checked)),.complementary-dropdown__trigger:not(.is-placeholder){border-color:#454545}.complementary-dropdown.is-open .complementary-dropdown__trigger{border-color:#133f8a;box-shadow:inset 0 0 0 1px #133f8a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4.8 9.6 8 6.4l3.2 3.2' stroke='%23454545' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.complementary-products__container .card--horizontal .card__content{flex:1 1 0;min-width:0;grid-template-columns:minmax(0,1fr)}.complementary-products__container .card--horizontal .quick-add,.complementary-variant,.complementary-variant form,.complementary-dropdown{min-width:0}
/*# sourceMappingURL=/cdn/shop/t/29/assets/component-complementary-products.css.map */
