.coat-pdp-inspiration__container{display:flex;flex-direction:column;gap:1rem;padding:2.5rem var(--page-margin-mobile) 2.5rem;background-color:var(--alabaster)}.coat-pdp-inspiration__content{display:flex;flex-direction:column;gap:.5rem}.coat-pdp-inspiration__heading{color:var(--night)}.coat-pdp-inspiration__heading-colour{display:block;font-family:var(--font-header-italics);text-transform:none}.coat-pdp-inspiration__text{color:var(--dusk)}.coat-pdp-inspiration__grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.coat-pdp-inspiration__tile{position:relative;display:block;width:100%;aspect-ratio:1;padding:0;border:0;border-radius:0;overflow:hidden;background-color:var(--cloud);cursor:pointer}.coat-pdp-inspiration__tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:var(--opaque-night-20);opacity:0;transition:opacity .3s ease;pointer-events:none}.coat-pdp-inspiration__tile--skeleton{cursor:default;animation:coat-pdp-inspiration-pulse 1.6s ease-in-out infinite}.coat-pdp-inspiration__container.is-empty .coat-pdp-inspiration__tile--skeleton{animation:none}.coat-pdp-inspiration__editor-notice{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:1.5rem;text-align:center;color:var(--night)}.coat-pdp-inspiration__tile:focus-visible{outline:2px solid var(--night);outline-offset:-2px}.coat-pdp-inspiration__media{width:100%;height:100%;object-fit:cover}.coat-pdp-inspiration__dialog{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background-color:var(--opaque-night-80);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow:hidden}.coat-pdp-inspiration__dialog[open]{display:flex;align-items:center;justify-content:center}.coat-pdp-inspiration__dialog::backdrop{background:transparent}.coat-pdp-inspiration__large-media{max-width:100vw;max-height:100dvh;width:auto;height:auto;opacity:0;transition:opacity .5s ease}.coat-pdp-inspiration__large-media.is-loaded{opacity:1}.coat-pdp-inspiration__overlay-button{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:none;color:var(--alabaster);cursor:pointer}.coat-pdp-inspiration__overlay-button .icon{display:flex;width:40px;height:40px;border-radius:50%;background-color:var(--opaque-night-20);transition:background-color .3s ease,color .3s ease}.coat-pdp-inspiration__overlay-button .icon svg{width:100%;height:100%}.coat-pdp-inspiration__overlay-button:focus-visible{outline:none}.coat-pdp-inspiration__overlay-button:focus-visible .icon{outline:2px solid var(--alabaster);outline-offset:2px}.coat-pdp-inspiration__overlay-button--close{top:21px;left:50%;transform:translate(-50%)}.coat-pdp-inspiration__overlay-button--prev,.coat-pdp-inspiration__overlay-button--next{top:50%;transform:translateY(-50%)}.coat-pdp-inspiration__overlay-button--prev{left:var(--page-margin-mobile)}.coat-pdp-inspiration__overlay-button--prev .icon svg{transform:rotate(180deg)}.coat-pdp-inspiration__overlay-button--next{right:var(--page-margin-mobile)}.coat-pdp-inspiration__product{position:absolute;bottom:0;left:0;display:flex;flex-direction:column;gap:1rem;width:100%;padding:24px;background-color:var(--opaque-night-80)}.coat-pdp-inspiration__product:before{content:"";position:absolute;top:-59px;left:0;width:100%;height:59px;background:linear-gradient(180deg,transparent 0%,var(--opaque-night-80) 100%)}.coat-pdp-inspiration__product-info{color:var(--alabaster)}.coat-pdp-inspiration__product-title{display:flex;align-items:center;gap:8px;height:44px}.coat-pdp-inspiration .coat-pdp-inspiration__product-title h3{font-size:40px}.coat-pdp-inspiration__hex{width:32px;height:32px;border:1px solid var(--white);border-radius:4px}.coat-pdp-inspiration .coat-pdp-inspiration__sample-btn{width:fit-content;min-width:257px;height:50px;padding:24px;border:0;border-radius:4px;background:var(--alabaster);color:var(--night);cursor:pointer;transition:background-color .3s ease,color .3s ease}@media(hover:hover){.coat-pdp-inspiration__tile:hover:before{opacity:1}.coat-pdp-inspiration__overlay-button:hover .icon{background-color:var(--opaque-white-50);color:var(--night)}.coat-pdp-inspiration .coat-pdp-inspiration__sample-btn:hover{background:var(--night);color:var(--alabaster)}}@media screen and (min-width:1000px){.coat-pdp-inspiration__container{flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:2rem;padding:3.5rem max(var(--page-margin-desktop),var(--max-page-width-padding)) 9.5rem}.coat-pdp-inspiration__content{width:calc(483 / 1376 * 100%);padding-right:2.5rem}.coat-pdp-inspiration__grid{width:calc(788 / 1376 * 100%)}.coat-pdp-inspiration__overlay-button--prev{left:var(--page-margin-desktop)}.coat-pdp-inspiration__overlay-button--next{right:var(--page-margin-desktop)}.coat-pdp-inspiration__product{flex-direction:row;align-items:center;justify-content:center;gap:80px}.coat-pdp-inspiration .coat-pdp-inspiration__product-subtitle{font-size:14px}.coat-pdp-inspiration .coat-pdp-inspiration__sample-btn{height:58px;font-size:14px}}@media(prefers-reduced-motion:reduce){.coat-pdp-inspiration__tile--skeleton{animation:none}.coat-pdp-inspiration__large-media{transition:none}}@keyframes coat-pdp-inspiration-pulse{50%{opacity:.6}}
/*# sourceMappingURL=/cdn/shop/t/328/assets/coat-pdp-inspiration.css.map */