.gridComponent{display:flex;flex-wrap:wrap;margin-bottom:2rem;padding:0;list-style:none;column-gap:10px;row-gap:10px}@media (min-width: 768px){.gridComponent{column-gap:var(--horziontalDesktopSpacing);row-gap:var(--verticalDesktopSpacing)}}.gridComponent:last-child{margin-bottom:0}.gridComponent__item{width:calc(25% - var(--horziontalMobileSpacing) * 3 / 4);max-width:calc(50% - var(--horziontalMobileSpacing) / 2);flex-grow:1;flex-shrink:0}@media (min-width: 768px){.gridComponent__item{width:calc(25% - var(--horziontalDesktopSpacing) * 3 / 4);max-width:calc(50% - var(--verticalDesktopSpacing) / 2)}}.gridComponent.largeGap{column-gap:var(--largeHorziontalMobileSpacing);row-gap:var(--largeVerticalMobileSpacing)}@media (min-width: 768px){.gridComponent.largeGap{column-gap:var(--largeHorziontalDesktopSpacing);row-gap:var(--largeVerticalDesktopSpacing)}}.gridComponent__item.largeGap{width:calc(25% - var(--largeHorziontalMobileSpacing) * 3 / 4);max-width:calc(50% - var(--largeHorziontalMobileSpacing) / 2);flex-grow:1;flex-shrink:0}@media (min-width: 768px){.gridComponent__item.largeGap{width:calc(25% - var(--largeHorziontalDesktopSpacing) * 3 / 4);max-width:calc(50% - var(--largeVerticalDesktopSpacing) / 2)}}.gridComponent--gapless.gridComponent{column-gap:0;row-gap:0}@media screen and (max-width: 749px){.gridComponent__item.slider__slide--full-width{width:100%;max-width:none}}.gridComponent--1-col .gridComponent__item{max-width:100%;width:100%}.gridComponent--3-col .gridComponent__item{width:calc(33.33% - var(--horziontalMobileSpacing) * 2 / 3)}@media (min-width: 768px){.gridComponent--3-col .gridComponent__item{width:calc(33.33% - var(--horziontalDesktopSpacing) * 2 / 3)}}.gridComponent--2-col .gridComponent__item{width:calc(50% - var(--horziontalMobileSpacing) / 2)}@media screen and (min-width: 750px){.gridComponent--2-col .gridComponent__item{width:calc(50% - var(--horziontalDesktopSpacing) / 2)}.gridComponent--4-col-tablet .gridComponent__item{width:calc(25% - var(--horziontalDesktopSpacing) * 3 / 4)}.gridComponent--3-col-tablet .gridComponent__item{width:calc(33.33% - var(--horziontalDesktopSpacing) * 2 / 3)}.gridComponent--2-col-tablet .gridComponent__item{width:calc(50% - var(--horziontalDesktopSpacing) / 2)}}@media screen and (max-width: 989px){.gridComponent--1-col-tablet-down .gridComponent__item{width:100%;max-width:100%}.slider--tablet.gridComponent--peek{margin:0;width:100%}.slider--tablet.gridComponent--peek .gridComponent__item{box-sizing:content-box;margin:0}.slider.slider--tablet .scroll-trigger.animate--slide-in,.slider.slider--mobile .scroll-trigger.animate--slide-in{animation:none;opacity:1;transform:inherit}.scroll-trigger:not(.scroll-trigger--offscreen) .slider--tablet{animation:var(--animation-slide-in)}}@media screen and (min-width: 990px){.gridComponent--6-col-desktop .gridComponent__item{width:calc(16.66% - var(--horziontalDesktopSpacing) * 5 / 6);max-width:calc(16.66% - var(--horziontalDesktopSpacing) * 5 / 6)}.gridComponent--5-col-desktop .gridComponent__item{width:calc(20% - var(--horziontalDesktopSpacing) * 4 / 5);max-width:calc(20% - var(--horziontalDesktopSpacing) * 4 / 5)}.gridComponent--4-col-desktop .gridComponent__item{width:calc(25% - var(--horziontalDesktopSpacing) * 3 / 4);max-width:calc(25% - var(--horziontalDesktopSpacing) * 3 / 4)}.gridComponent--3-col-desktop .gridComponent__item{width:calc(33.33% - var(--horziontalDesktopSpacing) * 2 / 3);max-width:calc(33.33% - var(--horziontalDesktopSpacing) * 2 / 3)}.gridComponent--2-col-desktop .gridComponent__item{width:calc(50% - var(--horziontalDesktopSpacing) / 2);max-width:calc(50% - var(--horziontalDesktopSpacing) / 2)}.gridComponent--6-col-desktop .gridComponent__item{width:calc(16.66% - var(--largeHorziontalMobileSpacing) * 5 / 6);max-width:calc(16.66% - var(--largeHorziontalMobileSpacing) * 5 / 6)}.gridComponent--5-col-desktop .gridComponent__item{width:calc(20% - var(--largeHorziontalMobileSpacing) * 4 / 5);max-width:calc(20% - var(--largeHorziontalMobileSpacing) * 4 / 5)}.gridComponent--4-col-desktop .gridComponent__item{width:calc(25% - var(--largeHorziontalMobileSpacing) * 3 / 4);max-width:calc(25% - var(--largeHorziontalMobileSpacing) * 3 / 4)}.gridComponent--3-col-desktop .gridComponent__item{width:calc(33.33% - var(--largeHorziontalMobileSpacing) * 2 / 3);max-width:calc(33.33% - var(--largeHorziontalMobileSpacing) * 2 / 3)}.gridComponent--2-col-desktop .gridComponent__item{width:calc(50% - var(--largeHorziontalMobileSpacing) / 2);max-width:calc(50% - var(--largeHorziontalMobileSpacing) / 2)}.slider.slider--desktop .scroll-trigger.animate--slide-in{animation:none;opacity:1;transform:inherit}.scroll-trigger:not(.scroll-trigger--offscreen) .slider--desktop{animation:var(--animation-slide-in)}}@media screen and (min-width: 990px){.gridComponent--1-col-desktop{flex:0 0 100%;max-width:100%}.gridComponent--1-col-desktop .gridComponent__item{width:100%;max-width:100%}}@media screen and (max-width: 749px){.gridComponent--peek.slider--mobile{margin:0;width:100%}.gridComponent--peek.slider--mobile .gridComponent__item{box-sizing:content-box;margin:0}.gridComponent--peek .gridComponent__item{min-width:35%}.gridComponent--peek.slider .gridComponent__item:first-of-type{margin-left:0}.gridComponent--peek.slider:after{margin-left:calc(-1 * var(--horziontalMobileSpacing))}.gridComponent--2-col-tablet-down .gridComponent__item{width:calc(50% - var(--horziontalMobileSpacing) / 2)}.slider--tablet.gridComponent--peek.gridComponent--2-col-tablet-down .gridComponent__item,.gridComponent--peek .gridComponent__item{width:calc(50% - var(--horziontalMobileSpacing) - 3rem)}.slider--tablet.gridComponent--peek.gridComponent--1-col-tablet-down .gridComponent__item,.slider--mobile.gridComponent--peek.gridComponent--1-col-tablet-down .gridComponent__item{width:calc(100% - var(--horziontalMobileSpacing) - 3rem)}}@media screen and (min-width: 750px) and (max-width: 989px){.slider--tablet.gridComponent--peek .gridComponent__item{width:calc(25% - var(--horziontalDesktopSpacing) - 3rem)}.slider--tablet.gridComponent--peek.gridComponent--3-col-tablet .gridComponent__item{width:calc(33.33% - var(--horziontalDesktopSpacing) - 3rem)}.slider--tablet.gridComponent--peek.gridComponent--2-col-tablet .gridComponent__item,.slider--tablet.gridComponent--peek.gridComponent--2-col-tablet-down .gridComponent__item{width:calc(50% - var(--horziontalDesktopSpacing) - 3rem)}.slider--tablet.gridComponent--peek .gridComponent__item:first-of-type{margin-left:1.5rem}.gridComponent--2-col-tablet-down .gridComponent__item{width:calc(50% - var(--horziontalDesktopSpacing) / 2)}.gridComponent--1-col-tablet-down.gridComponent--peek .gridComponent__item{width:calc(100% - var(--horziontalDesktopSpacing) - 3rem)}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/skyeskyns-grid-component.css.map */