.frame-upsell-modal{padding:0;border:none;max-width:min(116rem,100vw - 3rem);width:100%;min-width:0;max-height:min(92vh,125rem);background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-sizing:border-box}.frame-upsell-modal::backdrop{background:rgba(var(--color-foreground),.45)}.frame-upsell-modal[open]{display:flex;flex-direction:column;overflow:hidden}.frame-upsell-modal__header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:1.2rem .6rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.frame-upsell-modal__header-text{flex:1;text-align:center}@media screen and (min-width:750px){.frame-upsell-modal__header{justify-content:center}.frame-upsell-modal__close{display:none!important}}.frame-upsell-modal__title{margin:0;font-size:1.4rem;font-weight:600}.frame-upsell-modal__subtitle{margin:.4rem 0 0;font-size:1.2rem;opacity:.9}.frame-upsell-modal__close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:2.8rem;min-height:4.4rem;padding:0;border:none;background:transparent;color:inherit;cursor:pointer}.frame-upsell-modal__close .icon{display:block;flex-shrink:0;width:1.8rem;height:1.8rem;color:inherit}.frame-upsell-modal__close .icon path{fill:currentColor}.frame-upsell-modal__body{display:grid;grid-template-columns:1fr;gap:2rem;padding:2rem 1.6rem 2.4rem;flex:1 1 auto;min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}@media screen and (min-width:990px){.frame-upsell-modal__body{grid-template-columns:1fr 1fr;gap:3rem;padding:2.4rem 2.4rem 3rem}}@media screen and (max-width:749px){.frame-upsell-modal[open]{overflow:visible}.frame-upsell-modal{position:fixed;inset:auto 0 0 0;width:100%;max-width:none;height:90vh;max-height:90vh;height:90dvh;max-height:90dvh;margin:0;border-radius:1.6rem 1.6rem 0 0;padding-bottom:env(safe-area-inset-bottom,0px)}.frame-upsell-modal__header{justify-content:center;padding:1rem 1.2rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-bottom:.1rem solid rgba(var(--color-foreground),.1)}.frame-upsell-modal__close{position:fixed;left:50%;bottom:calc(90vh + .8rem);bottom:calc(90dvh + .8rem);transform:translate(-50%);z-index:2;width:4.4rem;height:4.4rem;min-width:4.4rem;min-height:4.4rem;border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 .2rem 1rem rgba(var(--color-foreground),.2)}.frame-upsell-modal__close .icon{display:block;width:1.6rem;height:1.6rem}.frame-upsell-modal__body{padding:1.2rem 1.2rem max(1.6rem,env(safe-area-inset-bottom,0px))}.frame-upsell-modal__col-right{order:-1;gap:.2rem!important}.frame-upsell-modal__frame-price{display:none!important}.frame-upsell-modal__btn-primary{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem .6rem;width:100%;min-height:4.8rem;padding:.85rem 1.2rem}.frame-upsell-modal__btn-primary-text{text-align:center;line-height:1.3}.frame-upsell-modal__btn-inline-price:not([hidden]){display:inline-flex;flex-wrap:wrap;align-items:baseline;justify-content:center;padding:20px}.frame-upsell-modal__btn-inline-price{max-width:100%;font-size:1.35rem;font-weight:700;line-height:1.2}.frame-upsell-modal__btn-inline-price:not([hidden]):before{content:"+";margin-inline-end:.25em}.frame-upsell-modal__btn-inline-price .frame-upsell-modal__frame-price-compare{color:rgba(var(--color-background),.65)}.frame-upsell-modal__btn-inline-price .frame-upsell-modal__frame-price-sale{color:#fff;padding-right:8px}.frame-upsell-modal__preview .slider-mobile-gutter.slider-mobile--overlay{width:90%!important;margin-inline:auto!important}.frame-upsell-modal__col-left{order:1}}.frame-upsell-modal__col-left{display:flex;flex-direction:column;gap:1.6rem;min-width:0}.frame-upsell-modal__gallery{position:relative;width:100%;background:rgba(var(--color-foreground),.04)}.frame-upsell-modal__gallery-main{display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:1}.frame-upsell-modal__main-title{margin:0;font-size:1.8rem}.frame-upsell-modal__main-desc-area{display:flex;flex-direction:column;gap:.6rem;min-height:0}.frame-upsell-modal__main-desc-scroll{max-height:none;overflow:visible}.frame-upsell-modal__main-desc-scroll.is-collapsed{max-height:11rem;overflow:hidden}.frame-upsell-modal__main-desc-scroll.is-expanded{max-height:min(45vh,28rem);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.frame-upsell-modal__main-desc{font-size:1.3rem;line-height:1.5}@media screen and (min-width:990px){.frame-upsell-modal__main-title{font-size:2.5rem}.frame-upsell-modal__main-desc{font-size:1.8rem}}.frame-upsell-modal__read-more{align-self:flex-start;font-size:1.3rem}.frame-upsell-modal__read-more[hidden]{display:none}.frame-upsell-modal__col-right{display:flex;flex-direction:column;gap:.2rem;min-width:0}@media screen and (min-width:750px){.frame-upsell-modal__btn-inline-price{display:none!important}}.frame-upsell-modal__swatches{display:flex;flex-direction:row;flex-wrap:nowrap;gap:1rem;width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding:.2rem .2rem .6rem;scroll-snap-type:x mandatory;scroll-padding-inline:.4rem;-webkit-overflow-scrolling:touch;touch-action:pan-x pinch-zoom;overscroll-behavior-x:contain;scrollbar-width:thin;user-select:none;-webkit-user-select:none}.frame-upsell-modal__swatch{flex:0 0 auto;scroll-snap-align:start;scroll-snap-stop:normal;width:9rem;padding:.4rem;border:.2rem solid transparent;border-radius:.4rem;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;text-align:center;-webkit-appearance:none;appearance:none}.frame-upsell-modal__swatch.is-selected{border-color:rgb(var(--color-foreground))}.frame-upsell-modal__swatch img{width:100%;height:7rem;object-fit:contain;border-radius:.2rem;pointer-events:none;-webkit-user-drag:none}.frame-upsell-modal__swatch-title{display:block;margin-top:.4rem;font-size:1.1rem;line-height:1.3;max-height:2.6em;overflow:hidden;color:rgb(var(--color-foreground))}.frame-upsell-modal__preview{width:100%;background:rgba(var(--color-foreground),.04);border-radius:.4rem}.frame-upsell-modal__preview.product__media-wrapper{position:relative}.frame-upsell-modal__preview .slider-mobile-gutter.slider-mobile--overlay{position:relative;width:100%;overflow:hidden;border-radius:.4rem}.frame-upsell-modal__preview .slider-mobile--overlay .slider-buttons{z-index:4}.frame-upsell-modal__preview .slider-mobile--overlay .slider-button{touch-action:manipulation;position:relative;z-index:1}.frame-upsell-modal__preview-inner{position:relative;width:100%;user-select:none;-webkit-user-select:none}.frame-upsell-modal__preview-inner.is-frame-preview-swipeable{touch-action:manipulation;cursor:grab}.frame-upsell-modal__preview-inner.is-frame-preview-swipeable img{touch-action:manipulation}.frame-upsell-modal__preview-inner.is-preview-swiping{cursor:grabbing}.frame-upsell-modal__preview img{display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:4/5;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}@media screen and (min-width:750px){.frame-upsell-modal__preview.product__media-wrapper .slider-buttons{display:flex}}@media screen and (min-width:990px){.frame-upsell-modal .slider-buttons{display:flex}dialog.frame-upsell-modal .frame-upsell-modal__preview.product__media-wrapper{max-width:100%;width:100%}}.frame-upsell-modal__frame-price{margin:0;padding:.8rem 0 0;font-size:1.6rem;font-weight:600;color:rgb(var(--color-foreground));text-align:center}.frame-upsell-modal__frame-price:not([hidden]):before{content:"+";margin-inline-end:.25em}.frame-upsell-modal__frame-price.is-on-sale .frame-upsell-modal__frame-price-compare{margin-inline-end:.6rem;font-size:1.3rem;font-weight:400;opacity:.65}.frame-upsell-modal__frame-price-sale{color:rgb(var(--color-base-accent))}.frame-upsell-modal__variants{display:flex;flex-direction:column;gap:1.2rem}.frame-upsell-modal__option-name{margin:0 0 .6rem;font-size:1.3rem;font-weight:600}.frame-upsell-modal__option-values{display:flex;flex-wrap:wrap;gap:.6rem}.frame-upsell-modal__option-btn{min-height:4.4rem;padding:0 1.2rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:.4rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.3rem;cursor:pointer}.frame-upsell-modal__option-btn.is-selected{border-color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 .1rem rgb(var(--color-foreground))}.frame-upsell-modal__option-btn:disabled{opacity:.45;cursor:not-allowed}.frame-upsell-modal__actions{display:flex;flex-direction:column;gap:1rem;margin-top:.4rem}.frame-upsell-modal__btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;width:100%;min-height:5.2rem;padding:0 1.6rem;border:.1rem solid rgb(var(--color-foreground));border-radius:.4rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.4rem;font-weight:600;cursor:pointer;position:relative;z-index:1}.frame-upsell-modal__btn-primary .icon{width:2rem;height:2rem;color:inherit;flex-shrink:0}.frame-upsell-modal__btn-primary-text,.frame-upsell-modal__btn-inline-price{color:inherit}.frame-upsell-modal__btn-primary:disabled{opacity:.5;cursor:not-allowed}.frame-upsell-modal__btn-secondary{display:block;width:100%;padding:.8rem;border:none;background:transparent;color:rgb(var(--color-foreground));font-size:1.3rem;text-decoration:underline;text-underline-offset:.3rem;cursor:pointer}.frame-upsell-modal__error{margin:0;font-size:1.3rem;color:rgb(var(--color-base-accent))}
/*# sourceMappingURL=/cdn/shop/t/28/assets/component-frame-upsell-modal.css.map */