.cross-sell-drawer{--drawer-width: 50rem;--transition-duration: .3s;position:fixed;top:0;left:0;width:100vw;height:100dvh;z-index:1000;display:flex;justify-content:flex-end;visibility:hidden;transition:visibility var(--transition-duration) ease;color:#000}.cross-sell-drawer.active{visibility:visible}.cross-sell-drawer[hidden]{display:none}.cross-sell-drawer .drawer__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity var(--transition-duration) ease;z-index:1;cursor:pointer}.cross-sell-drawer .drawer__overlay:empty{display:block}.cross-sell-drawer.active .drawer__overlay{opacity:1}.cross-sell-drawer__inner{position:relative;width:var(--drawer-width);height:100%;background:#fff;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--transition-duration) ease;z-index:2;overflow-y:auto;padding:0}.cross-sell-drawer.active .cross-sell-drawer__inner{transform:translate(0)}.cross-sell-drawer__header{position:relative;padding:2.4rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0}.cross-sell-drawer__title{margin:0}.cross-sell-drawer__close-btn{display:flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border:none;background:none;cursor:pointer;color:#000;transition:opacity .2s ease,transform .2s ease}.cross-sell-drawer__close-btn .svg-wrapper{width:2.6rem;height:2.6rem}.cross-sell-drawer__quantity{min-width:14rem;max-width:14rem}.cross-sell-drawer__quantity .quantity__input{min-width:4rem;padding:1.2rem .2rem}.cross-sell-drawer__close-btn:hover{opacity:.7}.cross-sell-drawer__add-btn:hover:not(:disabled):not(.cross-sell-drawer__add-btn--loading){transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.cross-sell-drawer__add-btn:active:not(:disabled):not(.cross-sell-drawer__add-btn--loading){transform:translateY(0)}.cross-sell-drawer__close-btn svg{width:2.6rem;height:2.6rem}.cross-sell-drawer__content{flex:1;padding:2.4rem;overflow-y:auto}.cross-sell-drawer__product-list{display:flex;flex-direction:column;gap:2.4rem}.cross-sell-drawer__product-item{display:flex;flex-direction:column;gap:1.6rem}.cross-sell-drawer__product-info{display:flex;gap:1.6rem;align-items:flex-start}.cross-sell-drawer__product-image{min-width:13.8rem;height:9.2rem;border-radius:.8rem;overflow:hidden;border:1px solid rgb(var(--color-gray-200))}.cross-sell-drawer__image{width:100%;height:100%;object-fit:cover;display:block}.cross-sell-drawer__product-details{display:flex;flex-direction:column;gap:.8rem}.cross-sell-drawer__product-name{margin:0;text-decoration:underline;text-underline-offset:3px}.cross-sell-drawer__product-options{display:flex;flex-direction:column;gap:1.6rem}.cross-sell-drawer__variant-selectors{display:flex;flex-direction:column;gap:1.2rem}.cross-sell-drawer__variant-option{display:flex;flex-direction:column;gap:.8rem}.cross-sell-drawer__variant-label{margin:0}.cross-sell-drawer__variant-select{position:relative;display:flex;align-items:center;gap:1.2rem}.cross-sell-drawer__variant-select .select{flex:1;position:relative}.cross-sell-drawer__variant-select .select:after{display:none!important}.cross-sell-drawer__variant-select:after{display:none!important}.cross-sell-drawer__variant-dropdown{width:100%;height:5.6rem;border:.1rem solid rgb(var(--color-gray-250));border-radius:.8rem;font-size:1.6rem;-webkit-appearance:none;appearance:none;cursor:pointer;transition:border-color .2s ease}.cross-sell-drawer__variant-dropdown:hover{border-color:rgb(var(--color-gray-300));box-shadow:none}.cross-sell-drawer__variant-dropdown:focus{outline:2px solid black;border-color:rgb(var(--color-gray-250));box-shadow:none;border-radius:8px}.cross-sell-drawer__variant-dropdown option{padding-left:1.2rem}.cross-sell-drawer__variant-select .dropdown-image{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);z-index:1;pointer-events:none;width:7.8rem;height:4.4rem;border-radius:.8rem;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}.cross-sell-drawer__variant-select .dropdown-image__img{width:100%;height:100%;object-fit:contain;display:block}.cross-sell-drawer__variant-select .dropdown-swatch{position:absolute;left:5.6rem;top:50%;transform:translateY(-50%);z-index:1;pointer-events:none}.cross-sell-drawer__variant-select--with-image .cross-sell-drawer__variant-dropdown{padding-left:10.2rem}.cross-sell-drawer__variant-select--with-swatch.cross-sell-drawer__variant-select--with-image .cross-sell-drawer__variant-dropdown{padding-left:12.6rem}.cross-sell-drawer__variant-select--with-swatch .cross-sell-drawer__variant-dropdown{padding-left:4.8rem}.cross-sell-drawer__variant-select .svg-wrapper{position:absolute;right:2.4rem;top:50%;transform:translateY(-50%);width:1.4rem;height:.8rem;pointer-events:none;z-index:1}.cross-sell-drawer__variant-select .svg-wrapper svg{width:100%;height:100%}.cross-sell-drawer__actions{display:flex;gap:1.6rem}.cross-sell-drawer__add-btn{height:5.6rem;transition:transform .2s ease,box-shadow .2s ease}.cross-sell-drawer__add-btn--loading{position:relative;color:transparent;pointer-events:none}.cross-sell-drawer__add-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.cross-sell-drawer__add-btn--loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2rem;height:2rem;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:cross-sell-spinner 1s linear infinite}@keyframes cross-sell-spinner{to{transform:translate(-50%,-50%) rotate(360deg)}}.cross-sell-drawer__btn-wrapper{width:100%}.cross-sell-drawer__divider{height:.1rem;background-color:rgb(var(--color-gray-200));margin-top:2.4rem}.cross-sell-drawer__product-item:last-child .cross-sell-drawer__divider{display:none}.cross-sell-drawer__close-btn:focus-visible,.cross-sell-drawer__add-btn:focus-visible{outline:.2rem solid black;outline-offset:.2rem;border-radius:8px}@media(max-width:749px){.cross-sell-drawer{--drawer-width: 100vw;justify-content:center}.cross-sell-drawer__inner{max-width:100vw;width:100vw}.cross-sell-drawer__header,.cross-sell-drawer__content{padding:1.6rem}.cross-sell-drawer__actions{flex-wrap:nowrap;gap:1.2rem}.cross-sell-drawer__variant-dropdown{font-size:1.6rem;padding:1.4rem 4.2rem 1.4rem 1.4rem}.cross-sell-drawer__variant-select--with-image .cross-sell-drawer__variant-dropdown{padding-left:10.4rem}.cross-sell-drawer__variant-select--with-swatch.cross-sell-drawer__variant-select--with-image .cross-sell-drawer__variant-dropdown{padding-left:12.8rem}.cross-sell-drawer__variant-select--with-swatch .cross-sell-drawer__variant-dropdown{padding-left:5.2rem}.cross-sell-drawer__variant-select .dropdown-image{left:1.4rem}.cross-sell-drawer__variant-select .dropdown-swatch{left:5.8rem}.cross-sell-drawer__variant-select .svg-wrapper{right:1.4rem}}@media(max-width:425px){.cross-sell-drawer__actions{flex-wrap:wrap;gap:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cross-sell-drawer.css.map */