:is(.fresh-gallery__arrow) svg line:where(:not(.fresh-product,.fresh-product *),.fresh-product-card,.fresh-product-card *,[class*=jdgm],[class*=jdgm] *,[class*=jm-],[class*=jm-] *),:is(.fresh-gallery__arrow) svg circle:where(:not(.fresh-product,.fresh-product *),.fresh-product-card,.fresh-product-card *,[class*=jdgm],[class*=jdgm] *,[class*=jm-],[class*=jm-] *),:is(.fresh-gallery__arrow) svg rect:where(:not(.fresh-product,.fresh-product *),.fresh-product-card,.fresh-product-card *,[class*=jdgm],[class*=jdgm] *,[class*=jm-],[class*=jm-] *),:is(.fresh-gallery__arrow) svg polyline:where(:not(.fresh-product,.fresh-product *),.fresh-product-card,.fresh-product-card *,[class*=jdgm],[class*=jdgm] *,[class*=jm-],[class*=jm-] *),:is(.fresh-gallery__arrow) svg polygon:where(:not(.fresh-product,.fresh-product *),.fresh-product-card,.fresh-product-card *,[class*=jdgm],[class*=jdgm] *,[class*=jm-],[class*=jm-] *),:is(.fresh-gallery__arrow) svg ellipse:where(:not(.fresh-product,.fresh-product *),.fresh-product-card,.fresh-product-card *,[class*=jdgm],[class*=jdgm] *,[class*=jm-],[class*=jm-] *){vector-effect:non-scaling-stroke!important;stroke-width:var(--fresh-icon-stroke)!important}.fresh-gallery__track::-webkit-scrollbar{display:none}.fresh-gallery__viewport::-webkit-scrollbar,.fresh-gallery__thumbs[hidden]:where(:not(.fresh-product,.fresh-product *),.fresh-product-card,.fresh-product-card *,[class*=jdgm],[class*=jdgm] *,[class*=jm-],[class*=jm-] *),.fresh-gallery__arrow[hidden]:where(:not(.fresh-product,.fresh-product *),.fresh-product-card,.fresh-product-card *,[class*=jdgm],[class*=jdgm] *,[class*=jm-],[class*=jm-] *){display:none!important}#MainContent .fresh-gallery.is-dragging :is(.fresh-gallery__viewport,.fresh-gallery__track){scroll-snap-type:none!important;cursor:grabbing}#MainContent .fresh-gallery__viewport:focus:not(:focus-visible){outline:none}#MainContent .fresh-gallery__contents summary::-webkit-details-marker{display:none}:where(.fresh-product) .fresh-gallery{position:relative}:where(.fresh-product) .fresh-gallery__viewport{overflow:auto hidden;border-width:1px;border-style:solid;border-image:none;position:relative;overscroll-behavior-x:contain;scrollbar-width:none;border-radius:var(--fresh-radius-card)}:where(.fresh-product) .fresh-gallery__track{scrollbar-width:none;display:flex;overflow:visible;scroll-snap-type:x mandatory}:where(.fresh-product) .fresh-gallery__arrow{position:absolute;z-index:2;top:50%;translate:0 -50%;display:inline-grid;align-items:center;justify-items:center;border-radius:999px;cursor:pointer;border-width:1.5px;border-style:solid;border-image:none;box-shadow:#07101c38 0 12px 34px;border-color:#ffffff47;background:var(--fresh-ink);color:#fff;transition:background .16s ease,scale .12s ease;box-sizing:border-box;padding:0;width:var(--fresh-button-compact);height:auto;min-height:0px;aspect-ratio:1 / 1}:where(.fresh-product) .fresh-gallery__thumbs{gap:9px;display:grid;margin-top:12px;grid-template-columns:repeat(4,minmax(0px,1fr))}:where(.fresh-product) .fresh-gallery__thumb{display:grid;aspect-ratio:1 / 1;align-items:center;justify-items:center;border-width:1px;border-style:solid;border-image:none;cursor:pointer;overflow:hidden;padding:0;background:var(--fresh-product-stage, radial-gradient(circle at 50% 42%, #222222 0%, #0b0b0b 56%, #000000 100%))}:where(.fresh-product) .fresh-gallery__arrow--prev{left:12px}:where(.fresh-product) .fresh-gallery__arrow--next{right:12px}:where(.fresh-product) .fresh-gallery__arrow:active{scale:.92}.fresh-product :where(.fresh-gallery__arrow svg:not(.fresh-viewer,.fresh-viewer *)){width:22px;height:22px;fill:none;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4}.fresh-product :where(.fresh-gallery__arrow svg){overflow:visible}.fresh-product :where(.fresh-gallery [data-gallery-slide]>img){cursor:zoom-in}:where(.fresh-product) .fresh-gallery__media{position:relative}:where(.fresh-product) .fresh-gallery__contents{position:absolute;left:12px;bottom:12px;z-index:4;display:block;max-width:calc(100% - 24px);margin:0;padding:0;color:#0e2b58}:where(.fresh-product) .fresh-gallery__contents-bag{display:block;flex-grow:0;flex-shrink:0;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px;flex-basis:14px;color:#0e2b58;stroke:currentcolor}:where(.fresh-product) .fresh-gallery__contents-panel{position:absolute;max-height:min(260px,100dvh - 180px);overflow-y:auto;overscroll-behavior-x:contain;overscroll-behavior-y:contain;margin:0}.fresh-product :where(.fresh-gallery__slide>img){-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.fresh-product :where(.fresh-gallery__contents summary){display:inline-flex;align-items:center;border-width:1px;border-style:solid;border-image:none;font-family:Work Sans,Arial,sans-serif;font-weight:600;line-height:1.2;list-style-position:initial;list-style-image:initial;list-style-type:none;cursor:pointer;transition:border-color .18s ease 0s,background-color .18s ease 0s,color .18s ease 0s;min-height:32px;padding:4px 8px;gap:6px;position:relative;background:#fff;border-color:#d3dae3;color:var(--fresh-action);-webkit-text-fill-color:currentcolor;font-size:12px}.fresh-product :where(.fresh-gallery__contents-panel li)::marker{color:#0e2b58}.fresh-product :where(.fresh-gallery__contents summary):before{content:"";position:absolute;top:-6px;right:0;bottom:-6px;left:0}.fresh-product :where(.fresh-product--contents-bundle .fresh-gallery__stage){position:relative;border-width:1px;border-style:solid;border-color:#d3dae3;border-image:none;border-radius:8px;background:transparent}:where(.fresh-product .fresh-gallery__contents) .fresh-gallery__contents-panel{left:0;bottom:calc(100% + 8px);width:min(320px,-64px + 100vw)}.fresh-product :where(.fresh-gallery:not(.has-single-slide) .fresh-gallery__slide>img){box-sizing:border-box}:where(.fresh-product) .fresh-gallery__slide{flex:0 0 100%;padding:0;min-height:0px;display:grid;align-items:center;justify-items:center;background:var(--fresh-product-stage, radial-gradient(circle at 50% 42%, #222222 0%, #0b0b0b 56%, #000000 100%));border-color:#ffffff29;scroll-snap-align:start;scroll-snap-stop:always;aspect-ratio:var(--product-gallery-ratio, 1 / 1)}.fresh-product :where(:where(.fresh-gallery__viewport)),.fresh-product :where(:where(.fresh-gallery__thumb)){border-color:var(--fresh-line)}.fresh-product :where(.fresh-gallery__slide img){display:block;max-width:100%;max-height:100%}:where(.fresh-product) .fresh-gallery__arrow:where(:focus-visible),:where(.fresh-product) .fresh-gallery__arrow:where(:hover){border-color:#fff6}.fresh-product :where(.fresh-product :where(.fresh-gallery__thumb):focus-visible){box-shadow:0 0 0 1px var(--fresh-ink)}.fresh-product :where(.fresh-gallery__thumb>img){max-width:none;width:100%;height:100%;object-fit:cover;padding:0}.fresh-product :where(.fresh-gallery__contents summary>span){color:inherit}:where(.fresh-product) .fresh-gallery__thumb:where(.is-active){box-shadow:0 0 0 1px var(--fresh-ink)}.fresh-product :where(.fresh-product .fresh-gallery__contents summary:is(:hover,:focus-visible)){background:#fff;border-color:#d3dae3;color:var(--fresh-action)}.fresh-product :where(:is(.fresh-gallery__arrow):not(:disabled):not([aria-disabled=true]):is(:hover,:focus-visible)){background:linear-gradient(105deg,#0e2b58,#2c5191 52%,#0e2b58);color:#fff;-webkit-text-fill-color:currentcolor}:where(.fresh-product) .fresh-gallery__viewport{background:var(--fresh-product-stage, radial-gradient(circle at 50% 42%, #222222 0%, #0b0b0b 56%, #000000 100%));border-color:#ffffff29;scroll-snap-type:x mandatory;aspect-ratio:var(--product-gallery-ratio, 1 / 1)}.fresh-product :where(#MainContent .fresh-gallery__viewport:focus-visible),.fresh-product :where(#MainContent .fresh-gallery__thumb:focus-visible){outline-color:#ffcc2f;outline-style:solid;outline-width:2px;outline-offset:-4px}.fresh-product :where(#MainContent .fresh-gallery__contents summary:focus-visible){outline-color:#0e2b58;outline-style:solid;outline-width:2px;outline-offset:-3px}.fresh-product :where(:is(.fresh-gallery__contents>summary)){border-radius:var(--fresh-radius-4)}.fresh-product :where(.fresh-gallery__arrow svg :is(path,line,circle,rect,polyline,polygon,ellipse)){vector-effect:non-scaling-stroke;stroke-width:var(--fresh-icon-stroke)}.fresh-product :where(:is(.fresh-gallery__contents) svg :is(path,line,circle,rect,polyline,polygon,ellipse)){vector-effect:non-scaling-stroke;stroke-width:var(--fresh-icon-stroke-small)}.fresh-product :where(:is(.fresh-gallery__thumb)),.fresh-product :where(:is(.fresh-gallery__contents-panel)){border-radius:var(--fresh-radius-8)}:where(.fresh-product) .fresh-gallery__contents-panel{padding:12px 14px;border-width:1px;border-style:solid;border-color:#0e2b58;border-image:none;border-radius:12px;background:#fff;box-shadow:#03132e40 0 14px 30px;color:#0e2b58}@media(max-width:749px){.fresh-gallery__thumbs::-webkit-scrollbar{display:none}:where(.fresh-product) .fresh-gallery__viewport{border-width:1px;border-style:solid;border-image:none;margin:0;width:100%;max-width:100%;min-width:0px;height:auto;min-height:0px}}.fresh-product :where(.fresh-product--contents-bundle .fresh-gallery__viewport){border-width:0px;border-style:none;border-image:none}@media(prefers-reduced-motion:no-preference){:where(.fresh-product) .fresh-gallery__thumb{transition:transform .18s ease 0s,border-color .18s ease 0s,background .18s ease 0s,color .18s ease 0s,box-shadow .18s ease 0s,opacity .18s ease 0s}}@media(max-width:749px){:where(.fresh-product) .fresh-gallery__thumbs{grid-auto-flow:column;grid-auto-columns:72px;overflow-x:auto;scroll-snap-type:x;scrollbar-width:none;min-height:72px;display:grid;grid-template-columns:none;justify-content:start;margin-top:12px;position:relative;top:auto;right:auto;bottom:auto;left:auto;margin-bottom:0}}:where(.fresh-product) .fresh-gallery__arrow:where([hidden]){display:none}:where(.fresh-product .fresh-gallery.has-single-slide) .fresh-gallery__thumbs,:where(.fresh-product .fresh-gallery.has-single-slide) .fresh-gallery__thumb{display:none;outline-color:initial;outline-style:initial;outline-width:0px;border-color:transparent}:where(.fresh-product) .fresh-gallery__thumb:where(:not(.is-active):not([aria-current=true])){border-color:#ffffff29}:where(.fresh-product .fresh-gallery:not(.has-single-slide) .fresh-gallery__thumbs) .fresh-gallery__thumb:where(.is-active),:where(.fresh-product .fresh-gallery:not(.has-single-slide) .fresh-gallery__thumbs) .fresh-gallery__thumb:where([aria-current=true]){border-color:#ffcc2f;box-shadow:none;outline-color:#ffcc2f;outline-style:solid;outline-width:3px;outline-offset:-3px}@media(max-width:749px){:where(.fresh-product) .fresh-gallery__thumb{scroll-snap-align:start}:where(.fresh-product) .fresh-gallery{box-sizing:border-box;width:100%;max-width:100%;min-width:0px;height:auto;min-height:0px;aspect-ratio:auto}}@media(prefers-reduced-motion:no-preference){:where(.fresh-product) .fresh-gallery__thumb:where(:hover){transform:translateY(-1px)}}@media(max-width:599px){.fresh-product :where(.fresh-product:is([data-product-handle=shampoo],[data-product-handle=conditioner],[data-product-handle=texture-powder],[data-product-handle=texture-powder-2-pack]) .fresh-gallery){margin-inline:auto;width:min(100%,500px)}}@media(prefers-reduced-motion:reduce){.fresh-product :where(.fresh-gallery__contents summary){transition-duration:.001ms}}@media(max-width:749px){:where(.fresh-product) .fresh-gallery__track{width:100%;max-width:100%;min-width:0px;height:auto;min-height:0px;aspect-ratio:var(--product-gallery-ratio, 1 / 1)}:where(.fresh-product) .fresh-gallery__slide{width:100%;max-width:100%;min-width:0px}:where(.fresh-product) .fresh-gallery__slide{min-height:0px;height:auto}.fresh-product :where(.fresh-product--contents-bundle .fresh-gallery__viewport){height:auto;min-height:0px}.fresh-product :where(.fresh-product--contents-bundle .fresh-gallery__slide){min-height:0px;height:auto}}@media(min-width:750px)and (max-width:989px){:where(.fresh-product) .fresh-gallery__thumbs{grid-auto-flow:column;grid-auto-columns:72px;justify-content:start;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x;padding:2px;grid-template-columns:none}:where(.fresh-product) .fresh-gallery__thumb{scroll-snap-align:start}:where(.fresh-product) .fresh-gallery{max-width:none;width:100%;margin:0}}@media(min-width:990px){:where(.fresh-product) .fresh-gallery{margin-inline:auto;width:min(100%,540px)}:where(.fresh-product) .fresh-gallery__thumbs{justify-content:center;grid-template-columns:repeat(6,72px);gap:9px;margin-top:10px}:where(.fresh-product) .fresh-gallery{grid-template-columns:76px minmax(0px,1fr);gap:0px 12px;align-items:start}:where(.fresh-product .fresh-gallery:not(.has-single-slide)) .fresh-gallery__stage{grid-column:2 / auto;grid-row:1 / auto;min-width:0px}:where(.fresh-product .fresh-gallery:not(.has-single-slide)) .fresh-gallery__thumbs{grid-column:1 / auto;grid-row:1 / auto;align-self:stretch;height:0px;min-height:100%;overscroll-behavior-y:contain;scrollbar-width:none;display:flex;gap:10px;margin:0;justify-content:flex-start;flex-direction:column;width:76px;padding:0;overflow:hidden auto}:where(.fresh-product) .fresh-gallery__viewport{width:100%;min-height:0px;height:auto}:where(.fresh-product) .fresh-gallery__slide{min-height:0px;width:100%;height:auto}.fresh-product :where(.fresh-product:is([data-product-handle=shampoo],[data-product-handle=conditioner],[data-product-handle=hair-clay],[data-product-handle=hair-clay-2-pack],[data-product-handle=texture-powder],[data-product-handle=texture-powder-2-pack]) .fresh-gallery){width:min(100%,var(--product-gallery-max-width, 500px),500px)}:where(.fresh-product) .fresh-gallery{width:min(100%,708px);display:grid;max-width:none}:where(.fresh-product .fresh-gallery:not(.has-single-slide)) .fresh-gallery__thumb{flex:0 0 76px;width:76px;height:76px}.fresh-product :where(.fresh-gallery__contents>summary){min-height:38px;padding:6px 12px;gap:8px;font-size:14px}.fresh-product :where(.fresh-gallery__contents>summary svg){width:16px;height:16px}}@media(min-width:1200px){:where(.fresh-product) .fresh-gallery{width:100%;max-width:none}}
/*# sourceMappingURL=/cdn/shop/t/81/assets/fresh-gallery.css.map */