@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.coat-image-gallery{background-color:var(--alabaster)}.coat-image-gallery .header{padding:32px var(--page-margin-mobile) 24px;display:flex;flex-direction:column;gap:8px;color:var(--night)}.coat-image-gallery .subheading{color:var(--dusk)}.coat-image-gallery .gallery{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px;padding:25px var(--page-margin-mobile) 32px;background-color:var(--white);min-height:100dvh;position:relative}.coat-image-gallery .gallery.loaded{height:100%;min-height:auto}.coat-image-gallery .no-results-gallery .gallery-item:nth-child(7),.coat-image-gallery .no-results-gallery .gallery-item:nth-child(8){display:none}.coat-image-gallery .search-bar{display:flex;gap:8px;padding:0 var(--page-margin-mobile) 25px}.coat-image-gallery .search-bar input{padding:16px;border-radius:4px;font-family:Roobert,sans-serif;width:100%;border:none;color:var(--night);height:100%;font-size:14px;letter-spacing:-.01em}.coat-image-gallery .search-bar input::placeholder{color:var(--opaque-night-50, #25252580)}.coat-image-gallery .icon-cross{cursor:pointer;padding:16px;flex-shrink:0}.coat-image-gallery .search-input-container{display:flex;width:100%;align-items:center;height:56px;border:1px solid var(--burnt-tortilla);border-radius:4px;background-color:var(--white)}.coat-image-gallery .search-button{width:98px;font-size:16px;height:56px;cursor:pointer;flex-shrink:0;line-height:1;transition:background-color .3s ease}.coat-image-gallery .search-button:hover{background-color:var(--mindful)}.coat-image-gallery .gallery-item{display:flex;justify-content:center;align-items:center;overflow:hidden;aspect-ratio:1 / 1;position:relative;opacity:0;transition:opacity .5s ease-in-out}.coat-image-gallery .gallery.loaded .gallery-item{opacity:1}.coat-image-gallery .gallery-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#25252533;opacity:0;transition:opacity .3s;pointer-events:none}.coat-image-gallery .gallery-item:hover:before{opacity:1}.coat-image-gallery .gallery-item img,.coat-image-gallery .gallery-item video{width:100%;height:100%;object-fit:cover}.coat-image-gallery .overlay{background:var(--opaque-night-80, #252525CC);position:fixed;left:0;top:0;width:100vw;height:100dvh;z-index:9;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.coat-image-gallery .overlay.show{opacity:1;pointer-events:all}.coat-image-gallery .overlay img,.coat-image-gallery .overlay video{max-width:100vw;max-height:100dvh}.coat-image-gallery .button-container{display:flex;justify-content:center;position:absolute;top:23px;left:50%;transform:translate(-50%)}.coat-image-gallery .close-icon{width:40px;height:40px;cursor:pointer}.coat-image-gallery .close-icon svg{width:40px;height:40px}.coat-image-gallery .close-icon svg rect,.coat-image-gallery .close-icon svg g path{transition:all .3s ease}.coat-image-gallery .close-icon:hover svg rect{fill:var(--opaque-white-50, #FFFFFF80)}.coat-image-gallery .close-icon:hover svg g path{fill:var(--night)}.coat-image-gallery .product-info-container{display:flex;flex-direction:column;gap:1rem;position:absolute;padding:24px;bottom:0;background:var(--opaque-night-80, #252525CC);width:100%}.coat-image-gallery .no-results{background-color:var(--white);padding:88px var(--page-margin-mobile);display:flex;flex-direction:column;text-align:center;gap:8px}.coat-image-gallery .no-results h3{color:var(--night);font-family:var(--font-header-italics);opacity:0;transition:opacity .3s ease}.coat-image-gallery .no-results p{font-size:18px;color:var(--dusk);opacity:0;transition:opacity .3s ease}.coat-image-gallery .no-results.show h3,.coat-image-gallery .no-results.show p{opacity:1}.coat-image-gallery .product-info-container:before{content:"";position:absolute;top:-59px;left:0;width:100%;height:59px;background:linear-gradient(180deg,#25252500,#252525cc)}.coat-image-gallery .product-info{color:var(--alabaster)}.coat-image-gallery .product-info:hover{text-decoration:none}.coat-image-gallery .product-title{display:flex;gap:8px;height:44px;align-items:center}.coat-image-gallery .product-title h3{font-size:40px}.coat-image-gallery .hex{width:32px;height:32px;border:1px solid var(--white);border-radius:4px}.coat-image-gallery .sample-btn{background:var(--alabaster);border-radius:4px;padding:24px;width:fit-content;min-width:257px;color:var(--night);height:50px;transition:background-color .3s ease,color .3s ease}.coat-image-gallery .sample-btn:hover{background:var(--night);color:var(--alabaster)}.coat-image-gallery .loading-overlay{display:none}.coat-image-gallery .loading-overlay.active{display:flex;position:absolute;background-color:var(--white);width:100%;height:100%;justify-content:center;align-items:center}.coat-image-gallery .coat-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:130px;height:130px;border-radius:50%;z-index:1}.coat-image-gallery .border-ring{position:absolute;top:0;left:0;transform:rotate(-90deg);z-index:2;border:1px solid #E0DCD5;border-bottom-color:#a39781;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1.5s linear infinite;width:143px;height:143px}.coat-image-gallery .coat-logo-wrapper{position:fixed;top:60%;width:143px;height:143px}.coat-image-gallery .overlay .coat-logo-wrapper{top:50%;left:50%;transform:translate(-50%,-50%)}.coat-image-gallery .coat-logo-bg{background-color:var(--mindful);width:100%;height:100%;border-radius:50%}.coat-image-gallery .coat-logo svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.coat-image-gallery .strikethrough{text-decoration:line-through}.coat-image-gallery .large-gallery-image{opacity:0;transition:opacity .5s ease}.coat-image-gallery .large-gallery-image.image-fade-in{opacity:1}@media screen and (min-width:1000px){.coat-image-gallery .header{padding:48px 0 24px clamp(2rem,calc((100vw - (1440px - 4rem))/2),100vw);width:calc(46.66vw + 32px)}.coat-image-gallery .gallery{padding:32px clamp(2rem,calc((100vw - (1440px - 4rem))/2),100vw);grid-template-columns:1fr 1fr 1fr 1fr}.coat-image-gallery .search-bar{padding:0 0 24px clamp(2rem,calc((100vw - (1440px - 4rem))/2),100vw);width:calc(46.66vw + 32px)}.coat-image-gallery .product-info-container{flex-direction:row;justify-content:center;align-items:center;gap:80px}.coat-image-gallery .sample-btn{height:58px;font-size:14px}.coat-image-gallery .product-subtitle{font-size:14px}.coat-image-gallery .no-results-gallery .gallery-item:nth-child(7),.coat-image-gallery .no-results-gallery .gallery-item:nth-child(8){display:flex}}
/*# sourceMappingURL=/cdn/shop/t/328/assets/coat-css-images-gallery.css.map */