.product-upsells{display:block;width:100%;opacity:1;visibility:visible}.product-upsells:not([data-loaded]){opacity:0;visibility:hidden}.product-upsells[data-loaded]{opacity:1;visibility:visible;transition:opacity .2s ease-in,visibility .2s ease-in}dialog-component button.product-upsells__trigger{width:100%;padding:0;background-color:#fff;cursor:pointer;transition:transform .2s var(--animation-easing),box-shadow .2s var(--animation-easing)}dialog-component button.product-upsells__trigger:hover{background-color:#fff}.product-upsells__trigger-content{display:flex;align-items:center;gap:var(--margin-md);margin:16px;flex-direction:column;border:1px solid #cac4c4;border-radius:4px;padding-top:16px;padding-bottom:16px}.product-upsells__label-wrapper{display:flex;justify-content:space-between;width:100%;padding:0 17px;align-items:center}.product-upsells__images{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;flex-shrink:0;padding:0 16px;width:100%}.product-upsells__image-wrapper{height:145px;border-radius:var(--style-border-radius);overflow:hidden;border-radius:4px}.product-upsells__image{width:100%;height:100%;object-fit:cover}.product-upsells__label{flex:1;display:flex;gap:var(--margin-2xs);text-align:left;align-items:center}.product-upsells__heading{font-weight:900;font-size:16px;color:var(--color-foreground)}.product-upsells__count{font-size:11px;color:var(--color-foreground);opacity:var(--opacity-70)}.product-upsells__arrow{flex-shrink:0;display:flex;align-items:center;color:var(--color-foreground);width:10px;height:10px;opacity:.7}.product-upsells__arrow .svg-wrapper{width:10px;height:10px}.product-upsells__arrow .svg-wrapper svg{width:10px;height:10px}.product-upsells__arrow svg{width:20px;height:20px}.product-upsells__drawer{position:fixed;border-radius:0;width:var(--sidebar-width);max-width:95vw;height:100%;margin:0;overflow:hidden;right:0;left:auto;top:0;bottom:0}.product-upsells__drawer:not([open]){transform:translate(100%)}.product-upsells__drawer[open]{animation:slideInRightFromRight var(--animation-speed) var(--animation-easing) forwards}.product-upsells__drawer.dialog-closing{animation:slideOutRightToRight var(--animation-speed) var(--animation-easing) forwards}@keyframes slideInRightFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRightToRight{0%{transform:translate(0)}to{transform:translate(100%)}}.product-upsells__drawer:modal{max-height:100dvh}.product-upsells__drawer-inner{height:100%;display:flex;flex-direction:column;overflow:hidden}.product-upsells__drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--padding-lg);border-bottom:var(--style-border-width) solid var(--color-border);flex-shrink:0}.product-upsells__drawer-header-content{display:flex;flex-direction:column;gap:var(--margin-2xs);flex:1}.product-upsells__drawer-heading{margin:0}.product-upsells__drawer-count{font-size:var(--font-size-sm);color:var(--color-foreground);opacity:var(--opacity-70)}.product-upsells__close-button{position:static;padding:var(--padding-xs)}.product-upsells__drawer-content{flex:1;overflow-y:auto;padding:var(--padding-lg)}.product-upsells__drawer-products{display:flex;flex-direction:column;gap:var(--margin-lg)}.product-upsells__drawer-item{width:100%}@media screen and (max-width:749px){.product-upsells__trigger-content{padding:var(--padding-sm)}.product-upsells__image-wrapper{height:80px}.product-upsells__drawer{width:100vw;max-width:100vw}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/product-upsells.css.map */