.modal{--modal-level:9999;--modal-max-size:500px;--modal-size:calc(100% - var(--gutter)*2);align-items:center;background:transparent;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;transition:opacity .3s ease;visibility:hidden}.modal,.modal-dialog{opacity:0;z-index:var(--modal-level)}.modal-dialog{background-color:var(--color-background);border-radius:var(--modal-border-radius);box-shadow:var(--modals-box-shadow);color:var(--color-foreground);max-height:90vh;max-width:var(--modal-max-size);overflow-y:scroll;position:relative;transition:all .3s ease;transition-delay:.2s;width:var(--modal-size)}.modal-dialog::-webkit-scrollbar{display:none;height:0;width:0}.modal-dialog--large{height:min(80vh,760px)}.modal.is-open,.modal:target{opacity:1;visibility:visible}.modal .modal-header{align-items:center;display:flex;justify-content:space-between;padding:var(--gutter)}.modal-body{padding:0 var(--gutter) var(--gutter) var(--gutter)}.modal-body>*+*{--spacing:var(--gutter);margin-top:var(--spacing)}.modal.is-open .modal-dialog,.modal:target .modal-dialog{opacity:1;transform:translateY(0)}.modal-close{display:grid;min-height:4.8rem;min-width:4.8rem;place-content:center}.modal-close.pos--absolute{position:absolute;right:var(--gutter);top:var(--gutter);z-index:2!important}.modal.is-open>.page-overlay,.modal:target>.page-overlay{opacity:1}.modal--fullscreen .modal-dialog{border-radius:0;height:100dvh;max-height:none;max-width:none;position:relative;width:100vw;z-index:0}.modal--fullscreen .modal-body{padding:0}.modal--fullscreen .page-overlay{display:none}.modal--slider .gridy-slider{width:100%;z-index:var(--modal-level)}.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{max-width:none;scroll-snap-align:center;width:auto;z-index:auto}.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{left:2%;width:96%}}@media only screen and (min-width:1024px){.modal--slider .gridy-track{--track-padding:calc(50% - var(--max-col-width)*10/2 - var(--gutter)*9/2);grid-gap:calc(10% - 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{aspect-ratio:auto!important;height:100%!important;object-fit:cover!important}.modal-grid-text-column{overflow-y:scroll;padding:64px}}.modal img{display:none}.modal.is-open img{display:block}.product-modal .modal-header{justify-content:flex-end;padding:0;position:sticky;top:var(--gutter);z-index:2}.product-modal .modal-close{margin-right:var(--gutter)}.product-modal .modal-body{padding:0}.product-modal__media{margin-top:-50px;position:relative}.product-modal__badges{left:24px;position:absolute;top:24px;z-index:1}