.upsell-flyout{position:fixed;top:0;left:0;bottom:0;right:0;z-index:120;margin:auto;padding:32px 80px;width:80vw;max-width:1020px;max-height:70vh;min-height:668px;height:fit-content;background-color:var(--color-white);border:1px solid var(--color-primary);overflow:auto;display:flex;flex-direction:column;gap:20px}.upsell-flyout select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-position:calc(100% - 12px) center!important;background-repeat:no-repeat;background-size:12px;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" style="fill: var(--color-border);" width="24" height="24"><path d="M12 17.414 3.293 8.707l1.414-1.414L12 14.586l7.293-7.293 1.414 1.414L12 17.414z"/></svg>')}@media(max-height:668px){.upsell-flyout{position:absolute}}@media(max-width:580px){.upsell-flyout{position:fixed;height:100vh;width:100vw;max-height:unset;padding:32px 32px 80px;z-index:25}}.upsell-flyout .upsell-header{border-bottom:1px solid var(--color-grey);padding-bottom:21px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.upsell-flyout .upsell-header .upsell-header-product{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:24px}.upsell-flyout .upsell-header .upsell-header-product .upsell-header-image{width:62px}.upsell-flyout .upsell-header .upsell-header-product .upsell-header-image img{width:62px;height:62px;max-width:unset;object-fit:cover;image-rendering:optimizequality;image-rendering:-webkit-optimize-contrast}.upsell-flyout .upsell-header .upsell-header-product .upsell-header-titles p{margin:0}.upsell-flyout .upsell-header .upsell-header-product .upsell-header-titles .upsell-header-title-product{font-weight:600;font-size:15px;line-height:18px;color:var(--color-primary)}@media(max-width:580px){.upsell-flyout .upsell-header .upsell-header-product .upsell-header-titles .upsell-header-title-product{font-size:12px}}.upsell-flyout .upsell-header .upsell-header-product .upsell-header-titles .upsell-header-title-added{font-family:var(--font-family-secondary);font-weight:400;font-size:32px;line-height:88%;margin-top:8px}@media(max-width:580px){.upsell-flyout .upsell-header .upsell-header-product .upsell-header-titles .upsell-header-title-added{margin-top:12px;font-size:22px}}.upsell-flyout .upsell-header .upsell-header-close{background-color:transparent;border:none;outline:none;width:20px;height:20px;padding:0}@media(max-width:580px){.upsell-flyout .upsell-header .upsell-header-close{display:none}}.upsell-flyout .upsell-header .upsell-header-close svg{height:100%;width:100%}.upsell-flyout .upsell-products .upsell-products-header{display:flex;flex-direction:row;justify-content:center}@media(max-width:580px){.upsell-flyout .upsell-products .upsell-products-header{justify-content:space-between}}.upsell-flyout .upsell-products .upsell-products-header .upsell-products-header-title{font-weight:700;font-size:15px;line-height:18px;letter-spacing:.1em;text-transform:uppercase}.upsell-flyout .upsell-products .upsell-products-header .upsell-products-header-title p{margin:auto}.upsell-flyout .upsell-products .upsell-products-header .upsell-products-header-close{display:none;background-color:transparent;border:none;outline:none;width:14px;height:14px;padding:0}@media(max-width:580px){.upsell-flyout .upsell-products .upsell-products-header .upsell-products-header-close{display:block}}.upsell-flyout .upsell-products .upsell-products-header .upsell-products-header-close svg{height:100%;width:100%}.upsell-flyout .upsell-products .upsell-products-header .upsell-products-header-close svg line{stroke-width:2}.upsell-flyout .upsell-products .upsell-products-list{display:flex;flex-direction:row;gap:18px;justify-content:space-between;align-items:flex-start;margin-top:20px;overflow:auto}@media(max-width:580px){.upsell-flyout .upsell-products .upsell-products-list{flex-direction:column;gap:18px;margin-top:16px}}.upsell-flyout .upsell-products .upsell-products-list .upsell-products-list-item{background-color:var(--color-light);padding:16px}@media(max-width:580px){.upsell-flyout .upsell-products .upsell-products-list .upsell-products-list-item{display:flex;flex-direction:row;gap:16px;width:100%;padding:18px 8px;background-color:#f8f8f8}}.upsell-flyout .upsell-products .upsell-products-list .upsell-products-list-item .item-gallery{position:relative;height:220px;width:240px}@media(max-width:580px){.upsell-flyout .upsell-products .upsell-products-list .upsell-products-list-item .item-gallery{height:100px;width:100px}}.upsell-flyout .upsell-products .upsell-products-list .upsell-products-list-item .item-gallery img{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;height:100%;width:100%;object-fit:cover;visibility:hidden;opacity:0;transition:all .25s ease-in-out}.upsell-flyout .upsell-products .upsell-products-list .upsell-products-list-item .item-gallery img.active{visibility:visible;opacity:1}.upsell-flyout .upsell-products .upsell-products-list .upsell-products-list-item .item-gallery button{position:absolute;top:0;bottom:0;margin:auto;height:auto;z-index:2;background-color:transparent;border:none}.upsell-flyout .upsell-products .upsell-products-list .upsell-products-list-item .item-gallery button.next{left:5px}.upsell-flyout .upsell-products .upsell-products-list .upsell-products-list-item .item-gallery button.back{right:5px}.upsell-flyout .upsell-products .upsell-products-list .upsell-products-list-item .item-details{display:flex;flex-direction:column;margin-top:8px}@media(max-width:580px){.upsell-flyout .upsell-products .upsell-products-list .upsell-products-list-item .item-details{margin-top:0;flex-grow:1}}.upsell-flyout .upsell-products .upsell-products-list .upsell-products-list-item .item-details .item-details-title{font-weight:600;font-size:15px;line-height:18px;margin:0}.upsell-flyout .upsell-products .upsell-products-list .upsell-products-list-item .item-details .item-details-options{margin-top:12px;display:flex;flex-direction:column}.upsell-flyout .upsell-products .upsell-products-list .upsell-products-list-item .item-details .item-details-options .item-details-option{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:16px}.upsell-flyout .upsell-products .upsell-products-list .upsell-products-list-item .item-details .item-details-options .item-details-option p{margin:0;font-weight:700;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-family:var(--font-family-primary)}.upsell-flyout .upsell-products .upsell-products-list .upsell-products-list-item .item-details .item-details-options .item-details-option select{font-weight:500;font-size:10px;padding:4px;font-family:var(--font-family-primary);flex-grow:1}.upsell-flyout .upsell-products .upsell-products-list .upsell-products-list-item .item-details .item-details-options .item-details-option select option{font-weight:500;font-size:10px}.upsell-flyout .upsell-products .upsell-products-list .upsell-products-list-item .item-details .item-details-action{display:inline-block;width:fit-content;font-weight:700;font-size:11px;font-family:var(--font-family-primary);line-height:12px;letter-spacing:.1em;text-transform:uppercase;background-color:transparent;margin-top:12px;padding:0 0 4px;border-bottom:solid 1px var(--color-grey);color:var(--color-grey)}@media(max-width:580px){.upsell-flyout .upsell-products .upsell-products-list .upsell-products-list-item .item-details .item-details-action{margin-top:auto}}.upsell-flyout .upsell-products .upsell-products-list .upsell-products-list-item .item-details .item-details-action.error{color:var(--color-danger);border-bottom-color:var(--color-danger)}.upsell-flyout .upsell-products .upsell-products-list .upsell-products-list-item .item-details .item-details-action.enabled{color:var(--color-primary);border-bottom-color:var(--color-primary)}.upsell-flyout .upsell-products .upsell-products-list .upsell-products-list-item .item-details .item-details-action.enabled:hover{color:var(--color-secondary);border-bottom-color:var(--color-secondary)}.upsell-flyout .upsell-actions{margin-top:auto;display:flex;gap:8px;justify-content:center;align-items:center}.upsell-flyout .upsell-actions .button{width:45%;max-width:289px;margin:0;padding:25px 10px}
/*# sourceMappingURL=/cdn/shop/t/189/assets/upsell-flyout.scss.css.map */