upsell-popup{--upsell-ink: var(--colorDrawerText, #421802);--upsell-surface: var(--colorDrawers, #ffffff);--upsell-hairline: color-mix(in srgb, var(--upsell-ink) 12%, transparent);--upsell-line: color-mix(in srgb, var(--upsell-ink) 20%, transparent);--upsell-line-hover: color-mix(in srgb, var(--upsell-ink) 35%, transparent);--upsell-muted: color-mix(in srgb, var(--upsell-ink) 55%, transparent);--upsell-subtle: color-mix(in srgb, var(--upsell-ink) 5%, transparent);--upsell-error: #c0392b;--upsell-radius-sm: var(--theme-radius-small, 4px);--upsell-radius-md: var(--theme-radius-medium, 8px);--upsell-radius-card: 12px;--upsell-gutter: 20px;--upsell-easing: cubic-bezier(.16, 1, .3, 1);font-family:var(--typeBasePrimary),var(--typeBaseFallback, sans-serif)}body.upsell-popup-open{overflow:hidden}upsell-popup,.upsell-popup{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:710}upsell-popup.is-open,.upsell-popup.is-open{display:block}upsell-popup *,upsell-popup *:before,upsell-popup *:after{box-sizing:border-box}.upsell-popup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--colorModalBg, rgba(0, 0, 0, .5));animation:upsell-fade-in .2s ease forwards}@keyframes upsell-fade-in{0%{opacity:0}to{opacity:1}}.upsell-popup__panel{position:absolute;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));display:flex;flex-direction:column;max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px);overflow:hidden;border-radius:var(--upsell-radius-card);background:var(--upsell-surface);color:var(--upsell-ink);box-shadow:0 -4px 25px #00000026;animation:upsell-slide-up .28s var(--upsell-easing) forwards}@keyframes upsell-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media screen and (min-width:750px){.upsell-popup__panel{left:50%;right:auto;bottom:auto;top:50%;width:calc(100% - 32px);max-width:520px;max-height:calc(100vh - 96px);box-shadow:0 20px 60px #0000002e;animation:upsell-scale-in .28s var(--upsell-easing) forwards}}@keyframes upsell-scale-in{0%{opacity:0;transform:translate(-50%,-48%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.upsell-popup__header{display:flex;align-items:center;gap:12px;flex-shrink:0;padding:0 var(--upsell-gutter);border-bottom:1px solid var(--upsell-hairline)}.upsell-popup__title{flex:1;min-width:0;margin:0;padding:16px 0;font-family:var(--typeHeaderPrimary, "Instrument Serif"),var(--typeHeaderFallback, serif);font-size:24px;font-weight:var(--typeHeaderWeight, 400);letter-spacing:-.48px;line-height:1.2;text-transform:none;color:var(--upsell-ink)}.upsell-popup__close{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:calc(var(--upsell-gutter) * -.6);padding:12px;background:transparent;border:none;color:var(--upsell-ink);cursor:pointer;transition:opacity .15s var(--theme-motion-easing, ease)}.upsell-popup__close:hover{opacity:.6}.upsell-popup__close:focus-visible{outline:2px solid var(--upsell-ink);outline-offset:-2px;border-radius:var(--upsell-radius-sm)}.upsell-popup__close-icon{width:18px;height:18px}.upsell-popup__body{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:16px var(--upsell-gutter) 20px}.upsell-popup__body::-webkit-scrollbar{width:6px}.upsell-popup__body::-webkit-scrollbar-track{background:transparent}.upsell-popup__body::-webkit-scrollbar-thumb{background:var(--upsell-hairline);border-radius:3px}.upsell-popup__list{display:flex;flex-direction:column;gap:8px}.upsell-popup__item{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:14px;padding:12px;border:1px solid var(--upsell-hairline);border-radius:var(--upsell-radius-md);background:var(--upsell-surface);cursor:pointer;transition:border-color var(--theme-motion-duration, .2s) var(--theme-motion-easing, ease),background-color var(--theme-motion-duration, .2s) var(--theme-motion-easing, ease),box-shadow var(--theme-motion-duration, .2s) var(--theme-motion-easing, ease)}.upsell-popup__item:hover:not(.upsell-popup__item--sold-out){border-color:var(--upsell-line-hover)}.upsell-popup__item.is-selected{border-color:var(--upsell-ink);box-shadow:inset 0 0 0 1px var(--upsell-ink);background:var(--upsell-subtle)}.upsell-popup__item--sold-out{cursor:default;background:var(--upsell-subtle)}.upsell-popup__item--sold-out .upsell-popup__item-media,.upsell-popup__item--sold-out .upsell-popup__item-title,.upsell-popup__item--sold-out .upsell-popup__item-price{opacity:.55}.upsell-popup__item-select{align-self:start;padding-top:1px}.upsell-popup__item-select .element-checkbox{margin:0;--element-checkbox-size: 22px;--element-checkbox-icon-size: 14px;--element-checkbox-radius: var(--upsell-radius-sm)}.upsell-popup__item-media{min-width:0}.upsell-popup__item-media-link{display:block;color:inherit;text-decoration:none}.upsell-popup__item-media-link:focus-visible{outline:2px solid var(--upsell-ink);outline-offset:2px;border-radius:var(--upsell-radius-sm)}.upsell-popup__item-image-wrap{position:relative;aspect-ratio:2 / 3;overflow:hidden;border-radius:var(--upsell-radius-sm);background:var(--colorSmallImageBg, #fff);box-shadow:inset 0 0 0 1px var(--upsell-hairline)}.upsell-popup__item-image,.upsell-popup__item-image--placeholder{width:100%;height:100%;object-fit:cover;display:block}.upsell-popup__item-details{min-width:0;display:flex;flex-direction:column;gap:4px}.upsell-popup__item-title{margin:0;font-family:inherit;font-size:14px;font-weight:600;line-height:1.3;letter-spacing:-.2px;color:var(--upsell-ink);text-transform:none}.upsell-popup__item-title a{color:inherit;text-decoration:none}.upsell-popup__item-title a:hover,.upsell-popup__item-title a:focus-visible{text-decoration:underline;text-underline-offset:3px}.upsell-popup__item-variant-label{margin:0;font-size:13px;line-height:1.3;color:var(--upsell-muted)}.upsell-popup__item-price{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;font-size:14px;font-weight:600;line-height:1.3;color:var(--colorPrice, var(--upsell-ink))}.upsell-popup__item-price .grid-product__price--original{margin-right:0;font-size:13px;font-weight:500;color:var(--upsell-muted)}.upsell-popup__item-options-row{margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:10px}.upsell-popup__item-options{min-width:0}.upsell-popup__item-options:empty{display:none}.upsell-popup__size-row{display:flex;align-items:end;gap:10px;min-width:0}.upsell-popup__size-row+.upsell-popup__size-row{margin-top:8px}.upsell-popup__size-select{margin-right:auto;min-width:0;min-height:38px;padding:8px 32px 8px 12px;border:1px solid var(--upsell-line);border-radius:var(--upsell-radius-sm);background-color:var(--upsell-surface);color:var(--upsell-ink);font-family:inherit;font-size:13px;line-height:1.2;-webkit-appearance:none;appearance:none;cursor:pointer;transition:border-color .15s var(--theme-motion-easing, ease)}.upsell-popup__size-select:hover{border-color:var(--upsell-line-hover)}.upsell-popup__size-select:focus-visible{outline:none;border-color:var(--upsell-ink);box-shadow:inset 0 0 0 1px var(--upsell-ink)}.upsell-popup__size-select:disabled{opacity:.5;cursor:default}.upsell-popup__item-stock{margin:0;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--upsell-muted)}.upsell-popup__item--sold-out .upsell-popup__item-stock:not([hidden]){color:var(--upsell-error)}.upsell-popup__footer{position:relative;flex-shrink:0;display:flex;flex-direction:column;gap:6px;padding:14px var(--upsell-gutter) calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--upsell-hairline);background:var(--upsell-surface)}.upsell-popup__footer:before{content:"";position:absolute;inset-inline:0;bottom:100%;height:24px;background:linear-gradient(to top,var(--upsell-surface),transparent);pointer-events:none}upsell-popup .upsell-popup__submit{min-height:48px;padding-top:0;padding-bottom:0}upsell-popup .upsell-popup__decline{align-self:center;min-height:36px;padding-inline:12px;font-size:13px;font-weight:400;letter-spacing:normal;text-transform:none;text-decoration:underline;text-underline-offset:3px;color:var(--upsell-muted)}upsell-popup .upsell-popup__decline:hover,upsell-popup .upsell-popup__decline:focus-visible{background:transparent;color:var(--upsell-ink)}.upsell-popup__error{margin:0;padding:10px 12px;border-radius:var(--upsell-radius-sm);background:color-mix(in srgb,var(--upsell-error) 8%,transparent);font-size:13px;line-height:1.4;color:var(--upsell-error)}
/*# sourceMappingURL=/cdn/shop/t/139/assets/upsell-popup.css.map */