/*!***************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles/lookbook-section.scss ***!
  \***************************************************************************************************************************/:root{--font-family-fontFamily-Main: "Raleway", sans-serif;--font-family-fontFamily-Secondary: "Mulish", sans-serif;--font-weight-fontWeight-Bold: 700;--font-weight-fontWeight-SemiBold: 600;--font-weight-fontWeight-Medium: 500;--font-weight-fontWeight-Book: 350;--font-spacing-paragraphSpacing-extended: 20px;--font-spacing-paragraphSpacing-comfy: 16px;--fontSize-3xl: 40px;--fontSize-2xl: 32px;--fontSize-xl: 24px;--fontSize-l: 20px;--fontSize-m: 16px;--fontSize-s: 14px;--fontSize-xs: 13px;--fontSize-2xs: 12px;--fontSize-3xs: 11px;--lineHeight-extended: 150%;--lineHeight-comfy: 120%;--lineHeight-compact: 100%;--letterSpacing-comfy: 0%}@media (min-width: 768px){:root{--fontSize-3xl: 60px;--fontSize-2xl: 40px;--fontSize-xl: 32px;--fontSize-l: 24px;--fontSize-m: 20px;--fontSize-s: 16px;--fontSize-xs: 14px;--fontSize-2xs: 13px;--fontSize-3xs: 12px}}@media (min-width: 1024px){:root{--fontSize-3xl: 60px;--fontSize-2xl: 40px;--fontSize-xl: 32px;--fontSize-l: 24px;--fontSize-m: 20px;--fontSize-s: 16px;--fontSize-xs: 14px;--fontSize-2xs: 13px;--fontSize-3xs: 12px}}.section-lookbook__heading{font-family:var(--font-family-fontFamily-Main);font-size:var(--fontSize-xl);font-weight:var(--font-weight-fontWeight-SemiBold);line-height:var(--lineHeight-comfy);margin-bottom:var(--padding-padding-l)}@media (min-width: 768px){.section-lookbook__heading{max-width:380px}}@media (min-width: 768px){.hotspot-mobile-trigger{display:none}}.hotspot-desktop-trigger{display:none}@media (min-width: 768px){.hotspot-desktop-trigger{display:flex}}.hotspot .media{width:96px}@media (min-width: 768px){.hotspot .media{width:308px}}.hotspot-mobile{opacity:0;background-color:var(--Foundational-Background-bgColour-muted);padding:var(--padding-padding-xs);transition:var(--animation-primary);transition-property:opacity;display:flex;column-gap:var(--padding-padding-s);align-items:center;border-radius:12px;position:relative}.hotspot-mobile .hotspot-badge{font-family:var(--font-family-fontFamily-Secondary);font-size:var(--fontSize-m);font-weight:var(--font-weight-fontWeight-Medium);line-height:var(--lineHeight-compact);font-size:10px;padding-inline:8px;padding-block:4px;position:absolute;top:var(--padding-padding-xs);left:var(--padding-padding-xs)}.hotspot-mobile__image{width:96px;height:96px;flex-shrink:0}.hotspot-mobile--active{opacity:1}.hotspot-mobile__text{display:flex;flex-direction:column;row-gap:8px}.hotspot-mobile__title{font-family:var(--font-family-fontFamily-Main);font-size:var(--fontSize-m);font-weight:var(--font-weight-fontWeight-SemiBold);line-height:var(--lineHeight-comfy)}.hotspot-mobile__price{font-family:var(--font-family-fontFamily-Main);font-size:var(--fontSize-s);font-weight:var(--font-weight-fontWeight-SemiBold);line-height:var(--lineHeight-comfy)}.hotspot-desktop{--hotspot-width: var(--sp-15);--card-width: 296px;--card-height: 360px;--card-spacing: 8px;position:absolute;top:calc(50% - (var(--card-height)) / 2);left:calc(var(--position-x) + var(--card-spacing) + var(--hotspot-width) / 2);z-index:1;width:var(--card-width);min-height:var(--card-height);padding:var(--padding-padding-m);border-radius:20px;background-color:var(--Foundational-Background-bgColour-container);opacity:0;transition:var(--animation-primary);transition-property:opacity,transform;display:none;flex-direction:column;align-items:center;row-gap:16px}@media (min-width: 768px){.hotspot-desktop{display:flex}}@media (min-width: 1024px){.hotspot-desktop{--card-width: 396px;--card-height: 460px;--card-spacing: 12px}}.hotspot-desktop--right{left:calc(var(--position-x) - var(--card-spacing) - var(--card-width) - var(--hotspot-width) / 2)}.hotspot-desktop .media{width:200px;height:200px}@media (min-width: 1024px){.hotspot-desktop .media{width:308px;height:308px}}.hotspot-desktop .hotspot-badge{font-family:var(--font-family-fontFamily-Secondary);font-size:var(--fontSize-3xs);font-weight:var(--font-weight-fontWeight-Medium);line-height:var(--lineHeight-extended);padding-inline:var(--padding-padding-3xs);padding-block:var(--padding-padding-4xs);align-self:flex-start;margin-bottom:-16px}.hotspot-desktop__text{width:100%}.hotspot-desktop__title{font-family:var(--font-family-fontFamily-Main);font-size:var(--fontSize-l);font-weight:var(--font-weight-fontWeight-SemiBold);line-height:var(--lineHeight-comfy)}.hotspot-desktop__price{margin-top:24px;font-family:var(--font-family-fontFamily-Main);font-size:var(--fontSize-s);font-weight:var(--font-weight-fontWeight-SemiBold);line-height:var(--lineHeight-comfy)}.hotspot-desktop__price small{font-family:var(--font-family-fontFamily-Secondary);font-size:var(--fontSize-2xs);font-weight:var(--font-weight-fontWeight-Medium);line-height:var(--lineHeight-extended)}.hotspot:hover+.hotspot-desktop{opacity:1;z-index:2}.mobile-hotspots-container{--container-height: 128px;position:relative;height:0;margin-top:0;transition:var(--animation-primary);transition-property:height,margin-top;display:grid;grid-template-areas:"mobileHotspot"}.mobile-hotspots-container>*{grid-area:mobileHotspot}@media (min-width: 768px){.mobile-hotspots-container{display:none}}.mobile-hotspots-container:has(.hotspot-mobile--active){margin-top:24px;min-height:128px;height:var(--container-height, 128px)}.hotspot-badge{border-radius:100vw;border-style:solid;border-width:1px;color:var(--Foundational-Foreground-fgColour-inverse)}.hotspot-badge.green{border-color:var(--Foundational-Borders-borderColour-promo);background:var(--Foundational-Background-bgColour-promo)}.hotspot-badge.red{border-color:var(--Foundational-Foreground-fgColour-alert);background:var(--Foundational-Background-bgColour-alert)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/lookbook-section.css.map */