.gallery-modal-cc{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:none;align-items:center;justify-content:center;z-index:1000}.gallery-modal-cc{overflow:auto}.Main-modal{max-width:1200px;margin:5% auto;min-width:50%}.modal-content{display:flex;flex-direction:column;background:#fff;position:relative;margin:10px}.modal-header{display:flex;padding:20px 30px;justify-content:space-between;align-items:center;position:relative}.nav-tabs{display:flex;list-style:none;margin:0;padding:0 15px;gap:15px;flex-wrap:wrap;width:100%;border-bottom:1px solid rgb(var(--color-border))}.nav-link{cursor:pointer;font-size:16px;border:none;padding:12px 0;color:#959595;background-color:#fff}.nav-tabs .active{font-size:16px;border:none;border-bottom:1px solid #cc0000;padding:12px 0;color:#212529;background-color:#fff;cursor:pointer;font-weight:600}.close-button{background:none;border:none;font-size:24px;color:rgb(var(--color-border));cursor:pointer;position:absolute;opacity:.3;right:40px;width:15px;height:15px;display:flex;align-items:center;justify-content:center}.close-button:hover{opacity:.4}.modal-body{padding:20px 30px 30px;min-height:50vh}.fade{transition:opacity .15s linear}.section-1{display:flex;flex-wrap:wrap}@media(min-width:992px){.container{flex:0 0 auto;width:66.66666667%}}.container h4{font-size:24px;margin:0 0 20px;font-weight:500;line-height:1.2}.thumbnail-img{max-width:100%;height:auto}.side-images-container{width:33.3%}@media(max-width:992px){.side-images-container{width:auto;margin:0 auto}}.image-list{display:flex;flex-wrap:wrap;gap:10px}.Side-images{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px;align-content:flex-start;flex-direction:row}@media(min-width:991px){.Side-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}}@media(max-width:992px){.Side-images{justify-content:flex-start}}.tab-pane{display:none}.tab-content .active{display:block}.main{padding-right:20px}.thumbnail-img{border:1px solid rgb(var(--color-border))}#main-image{display:block;width:100%;max-width:100%;height:auto;max-height:70vh;object-fit:contain;opacity:0;transition:opacity .3s ease-in-out}#main-image.fade{opacity:1}.main-video{display:block;width:100%;max-height:70vh;object-fit:contain;background:#000}.side-images-container{position:relative;width:33.3%;height:100%;max-height:70vh;overflow:hidden}.side-images-scroll{height:100%;max-height:70vh;overflow-y:auto}@media(min-width:990px){.side-images-container:before,.side-images-container:after{content:"";position:absolute;left:0;right:0;height:30px;z-index:5;pointer-events:none}.side-images-container:before{top:0;background:linear-gradient(to bottom,rgba(255,255,255,.9),transparent)}.side-images-container:after{bottom:0;background:linear-gradient(to top,rgba(255,255,255,.9),transparent)}}@media(max-width:990px){.side-images-container{width:100%;height:auto}.side-images-scroll{overflow-x:auto;overflow-y:hidden;white-space:nowrap}.Side-images{flex-wrap:nowrap!important;flex-direction:row!important;gap:10px}.modal-images{flex:0 0 auto;display:inline-block;scroll-snap-align:start}.side-images-scroll{scroll-snap-type:x mandatory}.side-images-container:before,.side-images-container:after{position:absolute;width:30px;height:100%;top:0}.side-images-container:before{left:0;background:linear-gradient(to right,rgba(255,255,255,.9),transparent)}.side-images-container:after{right:0;background:linear-gradient(to left,rgba(255,255,255,.9),transparent)}.main{padding:0}.modal-body{min-height:250px}.Main-modal{margin:25% auto}}.side-images-scroll{scroll-snap-type:x mandatory}.modal-images{scroll-snap-align:start}.modal-images{position:relative;box-sizing:border-box;flex:0 0 calc((100% - 20px) / 3);max-width:calc((100% - 20px) / 3);height:auto;border:1px solid rgb(var(--color-border));overflow:hidden;min-width:100px;font-size:0}.modal-images img{width:100%;height:100%;object-fit:contain;cursor:pointer}@media(min-width:991px){.modal-images{width:100%;min-width:0;max-width:none;aspect-ratio:1}}@media(max-width:990px){.modal-images{flex-basis:110px;max-width:110px}}.Side-images .selected{border-color:transparent}.Side-images .selected:after{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;border:1px solid #cc0000;content:"";pointer-events:none}@media(max-width:768px){.side-images-container,.container h4{display:none}.modal-body{padding:0 10px 10px;min-height:150px;min-width:90vw}.close-button{right:10px}.thumbnail-img{width:100%;height:auto}}.gallery-modal-cc .Main-modal{width:min(1200px,calc(100% - 2rem));max-height:calc(100dvh - 2rem);margin:1rem auto}.gallery-modal-cc .modal-content{max-height:calc(100dvh - 2rem);margin:0;overflow:hidden;border-radius:4px}.gallery-modal-cc .modal-body{min-height:0;overflow:auto}.gallery-modal-cc .main-preview{position:relative;display:grid;overflow:hidden;place-items:center;min-width:0;background:#f7f7f7;border:1px solid rgb(var(--color-border))}.gallery-modal-cc #main-image{width:auto;max-width:100%;height:auto;max-height:70dvh;border:0;object-fit:contain}.gallery-modal-cc .gallery-nav{position:absolute;z-index:3;top:50%;display:grid;place-items:center;width:3.8rem;height:3.8rem;padding:0;color:#212529;cursor:pointer;background:#ffffffe0;border:1px solid rgb(33 37 41 / 14%);border-radius:50%;box-shadow:0 2px 8px #0000001f;opacity:0;transform:translateY(-50%);transition:opacity .2s ease,background-color .2s ease,box-shadow .2s ease}.gallery-modal-cc .gallery-nav svg{width:1.8rem;height:1.8rem;fill:none;stroke:currentcolor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.gallery-modal-cc .gallery-nav--previous{left:1.2rem}.gallery-modal-cc .gallery-nav--next{right:1.2rem}.gallery-modal-cc .main-preview:hover .gallery-nav,.gallery-modal-cc .gallery-nav:focus-visible{opacity:1}.gallery-modal-cc .gallery-nav:hover{background:#fff;box-shadow:0 4px 12px #0000002e}.gallery-modal-cc .gallery-nav[hidden]{display:none}.gallery-modal-cc .modal-images{-webkit-appearance:none;appearance:none;padding:0;font:inherit;color:inherit;cursor:pointer;background:#f7f7f7;border-color:rgb(var(--color-border));border-radius:2px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.gallery-modal-cc .modal-images:hover{background:#fff;border-color:#21252973}.gallery-modal-cc .modal-images:focus-visible{outline:2px solid #212529;outline-offset:2px}.gallery-modal-cc .modal-images.selected{background:#fff;border-color:#c00;box-shadow:none}.gallery-modal-cc .Side-images .modal-images.selected:after{content:none}.gallery-modal-cc .modal-images img{display:block;width:100%;height:100%;object-fit:contain}@media(min-width:991px){.gallery-modal-cc #home-tab-pane .Side-images{display:block;column-count:3;column-gap:.8rem}.gallery-modal-cc #home-tab-pane .modal-images{display:block;width:100%;margin:0 0 .8rem;break-inside:avoid;aspect-ratio:auto}.gallery-modal-cc #home-tab-pane .modal-images img{height:auto}}@media(max-width:768px){.gallery-modal-cc .Main-modal{width:calc(100% - 1rem);max-height:calc(100dvh - 1rem);margin:.5rem auto}.gallery-modal-cc .modal-content{max-height:calc(100dvh - 1rem)}.gallery-modal-cc .modal-header{padding:1rem 1.5rem}.gallery-modal-cc .modal-body{min-width:0;padding:0 1rem 1rem}.gallery-modal-cc .container{width:100%}.gallery-modal-cc .side-images-container{display:block;width:100%;max-height:none;margin-top:1rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.gallery-modal-cc .Side-images{display:flex;flex-flow:row nowrap;justify-content:flex-start;gap:.8rem;width:max-content}.gallery-modal-cc .modal-images{flex:0 0 9rem;width:9rem;min-width:9rem;max-width:9rem;aspect-ratio:1}.gallery-modal-cc .gallery-nav{width:3.6rem;height:3.6rem;opacity:1}.gallery-modal-cc .gallery-nav--previous{left:.8rem}.gallery-modal-cc .gallery-nav--next{right:.8rem}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/custom-gallery-modal-mat.css.map */