.pair-with{margin-top:2rem;padding:.25rem 0}.pair-with__title{margin:0;font-size:18px;font-family:var(--header-font-stack);font-weight:var(--header-font-weight);font-style:var(--header-font-style);letter-spacing:var(--heading-spacing);text-transform:var(--heading-font-case);line-height:var(--heading-line-height)}.pair-with__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.pair-with__nav{display:flex;align-items:center;gap:.5rem}.pair-with__nav[hidden]{display:none!important}.pair-with__arrow{width:2.25rem;height:2.25rem;border-radius:999px;border:1px solid rgba(17,17,17,.2);background:#fff;color:#111;font-size:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.pair-with__arrow:before{content:"";display:block;width:.38rem;height:.38rem;border-right:1.5px solid currentColor;border-top:1.5px solid currentColor}.pair-with__arrow--prev:before{transform:rotate(-135deg) translate(-1px,1px)}.pair-with__arrow--next:before{transform:rotate(45deg) translate(-1px,1px)}.pair-with__arrow:hover{background:#111;color:#fff}.pair-with__list--static{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:1rem}.pair-with__list--slider:not(.slick-initialized){display:flex;align-items:stretch;overflow-x:auto;gap:1rem;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.pair-with__list--slider:not(.slick-initialized)::-webkit-scrollbar{display:none}.pair-with__list--slider:not(.slick-initialized) .pair-with__item{flex:0 0 calc(50% - .5rem);scroll-snap-align:start;min-width:0}@media(min-width:550px){.pair-with__list--slider:not(.slick-initialized) .pair-with__item{flex:0 0 calc(33.333% - .667rem)}}.pair-with__item{display:flex;flex-direction:column}.pair-with__item .block-inner{flex:1;display:flex;flex-direction:column;border:1px solid rgba(17,17,17,.1);border-radius:.85rem;background:#fff;overflow:hidden;box-shadow:0 .4rem 1.25rem #0000000f}.pair-with__item .block-inner-inner{flex:1;display:flex;flex-direction:column}.pair-with__image-cont{aspect-ratio:4 / 3;overflow:hidden;margin-bottom:.5rem}.pair-with__image-cont .image-label-wrap,.pair-with__image-cont .image-label-wrap>div{position:static!important;padding-bottom:0!important;height:100%;display:block}.pair-with__image{width:100%;height:100%;object-fit:contain;background:#f8f8f800;display:block}.pair-with__detail,.pair-with__detail .inner{flex:1;display:flex;flex-direction:column;min-height:0}.pair-with__detail .innerer{margin-top:auto;display:flex;flex-direction:column;gap:.35rem;padding:.5rem .85rem .75rem}.pair-with__add-btn--disabled{opacity:.5;cursor:not-allowed}.pair-with .pair-with__product-title.product-block__title{flex:0 0 auto;font-family:var(--body-font-stack);font-weight:400;font-size:.9rem;line-height:1.6;text-align:center;text-transform:none;letter-spacing:normal;color:#242424;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.pair-with .pair-with__add-btn.btn.btn--secondary{padding:.6rem .75rem!important;min-height:auto;font-family:var(--button-font-stack);font-weight:var(--button-font-weight);font-style:var(--button-font-style);font-size:var(--button-font-size-px);letter-spacing:var(--button-text-spacing-px);text-transform:var(--button-text-case);border-radius:var(--alt-btn-border-radius);width:100%;white-space:nowrap;transition:background .2s,color .2s,border-color .2s;background-color:#000!important;color:#fff!important;border-color:#000!important}@media(max-width:549px){.pair-with .pair-with__add-btn.btn.btn--secondary{font-size:13px!important}}.pair-with__add-btn,.pair-with__modal-add{position:relative}.pair-with__add-btn.is-loading,.pair-with__modal-add.is-loading{color:transparent!important;pointer-events:none}.pair-with__add-btn.is-loading:after,.pair-with__modal-add.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:1.1rem;height:1.1rem;margin-top:-.55rem;margin-left:-.55rem;border-radius:50%;border:.125rem solid #111;border-right-color:transparent;animation:pair-with-spin .7s linear infinite}@keyframes pair-with-spin{to{transform:rotate(360deg)}}.pair-with__list.slick-initialized .slick-slide>div{height:100%}.pair-with__list.slick-initialized .pair-with__item{height:100%!important;padding:0 .35rem}.pair-with__list.slick-initialized .slick-list{margin:0 -.35rem}.pair-with__modal[open]{display:block!important}.pair-with__modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;border:none;border-radius:1rem;width:min(92vw,26rem);padding:0;box-shadow:0 8px 40px #00000024,0 2px 12px #00000014}.pair-with__modal::backdrop{background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.pair-with__modal-shell{margin:0;padding:0}.pair-with__modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.1rem;border-bottom:1px solid rgba(0,0,0,.07)}.pair-with__modal-title{margin:0;font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:capitalize;color:#000}.pair-with__modal-close{width:1.75rem;height:1.75rem;border-radius:50%;border:1px solid rgba(17,17,17,.18);background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;color:#555;transition:background .2s,color .2s,border-color .2s}.pair-with__modal-close:hover{background:#111;color:#fff;border-color:#111}.pair-with__modal-content{padding:1.1rem 1.1rem .85rem}.pair-with__modal-product{margin:0 0 1.1rem;font-family:var(--header-font-stack);font-weight:var(--header-font-weight);font-style:var(--header-font-style);font-size:1.1rem;letter-spacing:var(--heading-spacing);text-transform:capitalize;line-height:1.3;color:#111}.pair-with__modal-label{display:block;margin:0 0 .4rem;font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#999}.pair-with__variant-pills{display:flex;flex-wrap:wrap;gap:.5rem}.pair-with__variant-pill{padding:.45rem .9rem;border:1px solid rgba(17,17,17,.22);border-radius:.4rem;background:#fff;font-family:var(--body-font-stack);font-size:.82rem;color:#111;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.pair-with__variant-pill:hover{border-color:#111}.pair-with__variant-pill[aria-pressed=true]{background:#111;color:#fff;border-color:#111}.pair-with__modal-footer{padding:.85rem 1.1rem 1.1rem;border-top:1px solid rgba(0,0,0,.06)}.pair-with__modal-add.btn.btn--secondary{width:100%;padding:.8rem 1rem!important;border-radius:var(--alt-btn-border-radius);font-family:var(--button-font-stack);font-weight:var(--button-font-weight);font-style:var(--button-font-style);font-size:var(--button-font-size-px);letter-spacing:var(--button-text-spacing-px);text-transform:var(--button-text-case);background-color:#000!important;color:#fff!important;border-color:#000!important}.pair-with__error{color:#b00020;margin:.65rem 0 0;font-size:.78rem}
/*# sourceMappingURL=/cdn/shop/t/23/assets/pair-with-products.css.map */