.modal{--modal-level: 9999;--modal-max-size: 500px;--modal-size: calc(100% - calc(var(--gutter) * 2));background:transparent;visibility:hidden;opacity:0;transition:opacity .3s ease;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:var(--modal-level)}.modal-dialog{position:relative;z-index:var(--modal-level);width:var(--modal-size);max-width:var(--modal-max-size);border-radius:var(--modal-border-radius);background-color:var(--color-background);color:var(--color-foreground);opacity:0;transition:all .3s ease;transition-delay:.2s;max-height:90vh;overflow-y:scroll}.modal-dialog::-webkit-scrollbar{display:none;width:0;height:0}.modal-dialog--large{height:min(80vh,760px)}.modal:target,.modal.is-open{visibility:visible;opacity:1}.modal .modal-header{padding:var(--gutter);display:flex;justify-content:space-between;align-items:center}.modal-body{padding:0 var(--gutter) var(--gutter) var(--gutter)}.modal-body>*+*{--spacing: var(--gutter);margin-top:var(--spacing)}.modal:target .modal-dialog,.modal.is-open .modal-dialog{opacity:1;transform:translateY(0)}.modal-close{display:grid;place-content:center;min-width:4.8rem;min-height:4.8rem}.modal-close.pos--absolute{position:absolute;top:10px;right:10px;z-index:2!important}.modal:target>.page-overlay,.modal.is-open>.page-overlay{opacity:1}.modal--fullscreen .modal-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;border-radius:0;position:relative;z-index:0}.modal--fullscreen .modal-body{padding:0}.modal--fullscreen .page-overlay{display:none}.modal--slider .gridy-slider{z-index:var(--modal-level);width:100%}.modal--slider .gridy-track{--slide-items-width: 100%;--track-padding: var(--container-margin);align-items:center;padding-left:max(var(--track-padding),var(--container-margin));padding-right:max(var(--track-padding),var(--container-margin));scroll-padding-inline:calc(var(--track-padding))}.modal--slider .gridy-slider .modal-dialog{z-index:auto;width:auto;max-width:initial;scroll-snap-align:center}.modal-grid{height:inherit}.modal--slider .modal-close{border-radius:50%;z-index:1}.modal-grid-media-column{max-height:100%;overflow:hidden}@media only screen and (min-width: 768px){.modal--slider .gridy-slider:hover .gridy-arrows{width:96%;left:2%}}@media only screen and (min-width: 1024px){.modal--slider .gridy-track{--track-padding: calc((100% - (var(--max-col-width) * 10 + var(--gutter) * 9))/2);grid-gap:calc((100% - var(--gutter) * 9)/10)}.modal-grid{display:grid;grid-template-columns:repeat(5,1fr);height:inherit}.modal-grid-media-column{grid-column:span 3}.modal-grid-text-column{grid-column:span 5;max-width:none}.modal-grid--with-media .modal-grid-text-column{grid-column:span 2}.modal-grid-media-column .media,.modal-grid-media-column .video-container,.modal-grid-media-column img,.modal-grid-media-column video{height:100%!important;object-fit:cover!important;aspect-ratio:auto!important}.modal-grid-text-column{padding:64px;overflow-y:scroll}}.modal img{display:none}.modal.is-open img{display:block}.frame-popup .page-overlay{-webkit-backdrop-filter:unset;backdrop-filter:unset;background-color:#faf9f6a1}.frame-popup .modal-close{position:absolute;right:10px}.frame-popup .modal-header{justify-content:center}.frame-popup{--modal-max-size: 930px;z-index:3}.frame-popup .announcement-popup{display:flex;justify-content:center;background:#000;color:#fff;padding:5px;gap:3px}.frame-popup .announcement-popup .checkmark{margin:auto 0}.frame-popup .modal-header{padding:15px}.frame-popup .frame-popup-body{display:flex;padding:26px 34px}.frame-options-grid{display:flex;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:20px 0 10px}.frame-options-grid .frame-tile{flex:1;position:relative}.frame-tile img{border:1px solid rgba(223,223,223,1);cursor:pointer;width:100%}.frame-tile img:hover{border-color:#000}.tile-details{margin-top:6px;font-size:12px;text-align:center}.frame-tile.active img{border:1px solid black}.frame-popup .modal-dialog{box-shadow:1px 1px 24px #00000024;max-height:100vh}.img-wrap{display:flex;justify-content:center;align-items:center}.overflow-img-popup{display:flex;justify-content:center;align-items:center;overflow:hidden}.image-popup,.product-image-popup{height:220px}.overflow-img-popup img,.right-side-popup .product-image-popup img{width:100%;height:100%;object-fit:cover;display:block}.left-side-popup,.right-side-popup{flex:1}.divider-popup{width:.5px;background-color:#ccc;margin:0 26px}.img-wrap img,.product-image-popup img{width:100%;height:100%}.right-side-popup .product-image-popup{background:#f1efec}.right-side-popup .product-image-popup img{width:70%;margin:0 auto}.overflow-img-popup{flex:1}.add-poster-only{cursor:pointer;text-decoration:underline}.atc-wrap{text-align:center}.atc-wrap form{margin:15px 0 8px}.atc-wrap button{width:100%}.accessory-box{border:.5px solid rgba(0,0,0,.64);padding:5px 15px 10px;width:100%;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.accessory-box legend{font-size:12px;font-weight:500;padding:0 10px;font-family:var(--font-body-family)}.accessory-option{display:flex;align-items:center;margin-top:3px;font-size:12px}.custom-checkbox{position:relative;width:14px;height:14px;margin-right:15px;flex-shrink:0}.cursor-popup span{cursor:pointer}.custom-checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;width:100%;height:100%;background-color:#f1f1f1;border:.5px solid rgba(0,0,0,.32);cursor:pointer}.custom-checkbox svg{position:absolute;top:0;left:0;pointer-events:none;stroke:#000;display:none}.custom-checkbox input[type=checkbox]:checked+svg{display:block}.custom-checkbox input[type=checkbox]:disabled{cursor:not-allowed;background-color:#dfdfdf}.cursor-popup input[type=checkbox]:checked+svg{stroke:#fff}.cursor-popup input[type=checkbox]:checked{background:#000}.left-side-popup .description{padding-top:18px}.left-side-popup .short-text p{margin-bottom:1rem}.left-side-popup .full-text p{margin-bottom:2rem}.badge-recommended{position:absolute;top:0;left:50%;transform:translate(-50%);margin-top:-10px;background:#000;color:#fff;padding:2px 5px;font-size:10px;z-index:1;width:max-content}.frame-image-wrapper{position:relative;overflow:hidden;height:70px;width:98px;margin:auto}.frame-image-wrapper img{object-fit:cover;width:100%;height:100%}@media only screen and (max-width: 768px){.left-side-popup,.divider-popup{display:none}.frame-popup .frame-popup-body{padding:22px}.frame-image-wrapper{width:87px}.frame-options-grid{gap:5px}.frame-popup{--modal-size: 100%;top:auto;bottom:0;align-items:flex-end;padding:0}.frame-popup .modal-dialog{max-height:90vh;width:100%;margin:0 auto;overflow-y:auto;box-shadow:0 -4px 20px #00000026;transform:translateY(20px)}.frame-popup .modal-header{position:sticky;top:0;background:#fdfaf8;z-index:3}.modal.is-open .modal-dialog{transform:translateY(0)}}.frame-description .full-text{max-height:0;overflow:hidden;transition:max-height .5s ease,opacity .5s ease;opacity:0}.frame-description .full-text.expanded{max-height:500px;opacity:1}.read-more-btn{display:inline-block;margin-top:0;margin-bottom:0;color:var(--color-link, #000);background:none;border:none;cursor:pointer;text-decoration:underline;font-weight:500;font-size:14px;text-underline-offset:4px}.right-side-popup .description{margin-top:20px}@media only screen and (min-width: 768px){.right-side-popup .description{display:none}}.popup-subtitle{display:block;margin-bottom:1.8rem}.glass_type{text-transform:lowercase}.extended-delivery-message{margin-bottom:-10px;margin-top:12px;text-align:left}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-modals.css.map */