.frame-offer-popup .modal-dialog{width:1214px;max-width:100%}.modal{background-color:rgb(var(--background-color-beige),.5)!important}.frame-offer-popup .main-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7.063rem}.frame-offer-popup .modal-content{border-radius:10px;background:var(--color-beige);box-shadow:-8px 8px 6px #00000040}.frame-offer-popup .modal-body{overflow-y:auto;padding:0rem 2.938rem 1.25rem}.frame-offer-popup .close-modal-container{display:flex;align-items:center;justify-content:end;width:100%;padding:.938rem .938rem .325rem}.frame-offer-popup button{-webkit-appearance:none;appearance:none;background:none;width:auto;border:none;display:inline-flex;cursor:pointer}.frame-offer-popup .close-modal-container .close-vector{width:.938rem;height:.938rem}.frame-offer-popup .left-container{width:100%;display:flex;flex-direction:column;gap:1.813rem;color:var(--color-dark)}.frame-offer-popup .left-container .images-container{display:flex;gap:3.125rem}.frame-offer-popup .left-container .images-container .splide,.splide__track{height:100%}.frame-offer-popup .left-container .images-list{max-width:30%;display:flex;flex-direction:column;justify-content:space-between;gap:.688rem}.frame-offer-popup .left-container .images-list img{min-width:110px;width:100%;height:100%;object-fit:contain;object-position:center;cursor:pointer}.frame-offer-popup .left-container .side-preview-image{border:1.5px solid transparent;transition:border .3s ease-in-out}.frame-offer-popup .left-container .side-preview-image:hover{border-color:rgb(var(--color-text-rgb),.3)}.frame-offer-popup .left-container .side-preview-image.active{border-color:var(--color-dark)}.frame-offer-popup .left-container .preview-image-container img{object-fit:contain;object-position:center;min-height:453px;width:100%;min-width:361px;height:100%}.frame-offer-popup .left-container #frame-offer-popup-title{font-size:1.875rem;line-height:normal;font-family:var(--font-Tomato-Ketchup-Regular)}.frame-offer-popup .left-container p{font-size:.938rem;font-weight:425;line-height:1.125rem}.frame-offer-popup .left-container #next-preview-image{display:none}.frame-offer-popup .left-container .content-container{padding-bottom:1.25rem}.frame-offer-popup .left-container .frame-offer-description{display:flex;flex-direction:column;row-gap:.375rem}.frame-offer-popup .left-container #frame-offer-product-description{margin-top:.938rem;margin-bottom:.375rem}.frame-offer-popup .left-container .frame-offer-description ul{color:var(--color-dark);font-size:.938rem;font-style:normal;font-weight:400;line-height:1.125rem;margin-bottom:.625rem;list-style-type:none;padding-left:1.5em;list-style-type:disc}.frame-offer-popup .left-container .content{max-height:150px;overflow:hidden}.frame-offer-popup .left-container .content.expanded{max-height:none}.frame-offer-popup .left-container .content-container button{color:var(--color-dark);padding:0;text-decoration:underline;margin-top:.625rem}.frame-offer-popup .right-container{width:100%;display:flex;flex-direction:column;border:1.5px solid var(--color-dark);max-height:630px;padding:0rem .938rem}.frame-offer-popup .right-container .inner-container{display:flex;flex-direction:column;overflow:hidden;padding:1.625rem 1.063rem 0rem}.frame-offer-popup .right-container .inner-container .frame-border-header-title{font-family:var(--font-Magilio-Regular);font-size:1.563rem;line-height:2rem;text-transform:uppercase;text-align:center;display:none;margin:0}.frame-offer-popup .right-container span{color:var(--color-dark);font-size:.875rem;font-style:normal;font-weight:425;line-height:normal;display:block}.frame-offer-popup .right-container .images-list-container{position:relative;padding:0 0 .925rem}.frame-offer-popup .right-container .frame-border-navigation-buttons{position:absolute;width:100%;height:100%}.frame-offer-popup .right-container .frame-border-navigation-buttons button{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:10;height:5.313rem;width:1.875rem;background-color:rgba(var(--background-color-beige),.75)}.frame-offer-popup .right-container .frame-border-navigation-buttons button svg{width:1rem;height:1.625rem}.frame-offer-popup .right-container .frame-border-navigation-buttons button{opacity:1;transition:opacity .1s}.frame-offer-popup .right-container .frame-border-navigation-buttons button.hidden{opacity:0;pointer-events:none}.frame-offer-popup .right-container #next-frame-border{right:-1.05rem}.frame-offer-popup .right-container #previous-frame-border{left:0}.frame-offer-popup .right-container #previous-frame-border svg{transform:rotate(180deg)}.frame-offer-popup .right-container .images-list-container .frame-border-img{object-fit:unset;object-position:center;width:80px;height:80px;border-radius:80px;margin-bottom:.5rem;cursor:pointer;border:1.5px solid transparent;transition:border .3s ease-in-out}.frame-offer-popup .right-container .images-list-container .frame-border-img:hover{border-color:rgb(var(--color-text-rgb),.3)}.frame-offer-popup .right-container .images-list-container .frame-border-img.active{border-color:var(--background-color-beige)}.frame-offer-popup .single-image-container{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:100%}.frame-offer-popup .single-image-container.disabled{cursor:not-allowed;color:var(--color-dark)}.frame-offer-popup .single-image-container.disabled:hover{border-color:transparent}.frame-offer-popup .single-image-container.disabled h2{color:var(--color-gray)}.frame-offer-popup .single-image-container.disabled img{cursor:not-allowed!important}.frame-offer-popup .single-image-container.disabled span{text-decoration:line-through}.frame-offer-popup .single-image-container .image-wrapper{width:80px;height:80px;margin-bottom:5px}.frame-offer-popup .single-image-container span{color:var(--color-dark);text-align:center;font-size:.875rem;font-style:normal;font-weight:425;line-height:normal;margin:0;padding:0;width:99%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1.25rem;display:block}.frame-offer-popup .right-container .preview-image-container{position:relative;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;max-height:448px}.frame-offer-popup .right-container .preview-image-container img{object-fit:cover;object-position:center;width:247px;height:348px;margin:.75rem 0rem}.frame-offer-popup .right-container .preview-image-container .frame-border-container{position:absolute;top:0;bottom:0}.frame-offer-popup .right-container .cart-button-and-services-container{display:flex;flex-direction:column}.frame-offer-popup .right-container .extra-services-container{border-top:1.5px solid var(--color-dark);padding:.625rem 0rem}.frame-offer-popup .right-container .extra-services-container .framing-service-container.disabled{opacity:.7;cursor:not-allowed}.frame-offer-popup .right-container .extra-services-container .framing-service-container{display:flex;align-items:center;column-gap:.438rem;cursor:pointer}.frame-offer-popup .right-container .extra-services-container .framing-service-container svg{width:2.813rem;height:2.594rem}.frame-offer-popup .right-container .extra-services-container .checkboxes-container{display:flex;align-items:center;justify-content:space-between;margin-top:1.313rem}.frame-offer-popup .right-container .extra-services-container .checkboxes-container label{display:flex;align-items:center;column-gap:.438rem;font-size:.875rem;font-style:normal;font-weight:700;line-height:normal}.frame-offer-popup .right-container .actions-container{display:flex;flex-direction:column;gap:.688rem;margin-top:1.25rem;text-align:center;color:var(--color-dark);font-size:1.063rem;padding:.938rem 0rem 1.625rem}.frame-offer-popup .right-container .checkboxes-container [type=checkbox]{background-color:transparent;border-radius:25%;vertical-align:middle;border:1.5px solid var(--color-dark);appearance:none;width:1rem;height:1rem;-webkit-appearance:none;outline:none;cursor:pointer}.frame-offer-popup .right-container .checkboxes-container [type=checkbox]:checked{background-color:var(--color-warning-bg)}.frame-offer-popup .right-container .actions-container .btn-primary{all:unset;border-radius:10px;background-color:var(--color-warning-bg);width:100%;padding:.625rem 0rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .3s ease-in-out}.frame-offer-popup .right-container .actions-container .btn-primary:hover{background-color:var(--color-orange-dark)}.frame-offer-popup .right-container .actions-container .btn-primary span:first{display:inline}.frame-offer-popup .right-container .actions-container .btn-primary span:nth-child(2){display:none}.frame-offer-popup .right-container .actions-container .btn-secondary{all:unset;text-decoration:underline;font-weight:425;cursor:pointer}@media only screen and (max-device-width: 768px){.frame-offer-popup .modal-content{height:100%;border-radius:0;max-height:95%}.frame-offer-popup .modal-dialog{min-width:100%;margin:0rem}.frame-offer-popup .modal-body{padding:0}.frame-offer-popup .main-container{display:flex;flex-direction:column-reverse;gap:0}.frame-offer-popup .right-container{border:none;padding:0;max-height:none}.frame-offer-popup .right-container .inner-container{align-items:normal;padding:0 .875rem;overflow:unset;gap:1rem}.frame-offer-popup .right-container .images-list-container{margin-top:0;padding:.525rem 0;overflow-x:auto;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none}.frame-offer-popup .right-container #next-frame-border{right:0}.frame-offer-popup .right-container .images-list-container .frame-border-img{width:75px;height:75px;margin-bottom:0}.frame-offer-popup .left-container .side-preview-image:hover,.frame-offer-popup .left-container .side-preview-image.active{border-color:transparent}.frame-offer-popup .single-image-container{width:100%}.frame-offer-popup .single-image-container span{font-size:.688rem;min-height:.688rem}.frame-offer-popup .right-container .preview-image-container{scrollbar-width:none;max-height:none}.frame-offer-popup .right-container span{font-size:.75rem}.frame-offer-popup .right-container .frame-border-header-title{text-align:center}.frame-offer-popup .right-container .inner-container .frame-border-header-title{display:block}.frame-offer-popup .single-image-container .image-wrapper{width:auto;height:auto}.frame-offer-popup .right-container .images-list-container img{width:85px;height:85px;min-width:100%}.frame-offer-popup .right-container .extra-services-container{border:none;order:3;padding:0 1.75rem 1rem}.frame-offer-popup .right-container .extra-services-container .framing-service-container svg{width:2.063rem;height:1.875rem}.frame-offer-popup .right-container .extra-services-container .checkboxes-container{flex-direction:column;align-items:start;justify-content:start;row-gap:.938rem;margin-top:.625rem}.frame-offer-popup .right-container .extra-services-container .checkboxes-container label{display:flex;column-gap:.625rem;font-size:.75rem}.frame-offer-popup .right-container .actions-container{font-size:.938rem;margin:1.25rem 0;gap:.5rem;padding:0rem 1.75rem}.frame-offer-popup .right-container .checkboxes-container [type=checkbox]{width:.875rem;height:.875rem}.frame-offer-popup .left-container{overflow:hidden;padding:0 1.75rem 1.5rem;gap:0}.frame-offer-popup .left-container .images-container{gap:.625rem;margin-top:1rem}.frame-offer-popup .left-container .images-list{flex-direction:row;gap:0}.frame-offer-popup .left-container .images-list img{padding-right:.625rem}.frame-offer-popup .left-container .preview-image-container{display:none}.frame-offer-popup .left-container #frame-offer-popup-title{font-size:1.375rem}.frame-offer-popup .left-container p{font-size:.75rem}.frame-offer-popup .left-container #next-preview-image{display:flex;justify-content:end}.frame-offer-popup .left-container .arrow-vector{width:34px;height:27px}.frame-offer-popup .left-container .content-container{margin-top:1.813rem}.frame-offer-popup .left-container .content-container button,.frame-offer-popup .left-container .frame-offer-description ul{font-size:.75rem}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){.frame-offer-popup .modal-content{height:100%;max-height:95%}.frame-offer-popup .main-container{display:flex;flex-direction:column-reverse;gap:2.5rem}.frame-offer-popup .right-container #next-frame-border{right:0}.frame-offer-popup .single-image-container{width:100%}.frame-offer-popup .right-container .extra-services-container{margin-top:.094rem}.frame-offer-popup .left-container .images-container{gap:1.25rem;overflow:hidden}.frame-offer-popup .left-container .images-list{flex-direction:row;row-gap:1.063rem}.frame-offer-popup .left-container .images-list img{min-width:140px}.frame-offer-popup .left-container .preview-image-container{display:none}.frame-offer-popup .left-container .side-preview-image:hover,.frame-offer-popup .left-container .side-preview-image.active{border-color:transparent}.frame-offer-popup .left-container #next-preview-image{display:flex;justify-content:end}.frame-offer-popup .left-container .arrow-vector{width:40px;height:30px}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/v2-frame-offer-popup.css.map */