.iwc{--section-height:clamp( 558px, calc( 558px + (618 - 558) * ( (100vw - 1024px) / (1440 - 1024) ) ), 618px );--image-width:clamp( 478px, calc( 478px + (508 - 478) * ( (100vw - 834px) / (1024 - 834) ) ), 508px );--content-gap:clamp( 8px, calc( 8px + (45 - 8) * ( (100vw - 1366px) / (1424 - 1366) ) ), 45px );--left-width:clamp( 290px, calc(290px + 54*(100vw - 1024px)/400) , 344px );--padding-x:clamp( 32px, calc(32px + 8*(100vw - 1424px)/16) , 40px );--slide-width:clamp( 270px, calc(270px + 18*(100vw - 1024px)/400) , 288px );--slides-gap:12px;--button-margin-top:28px;position:relative;display:flex;align-items:center;height:var(--section-height);background:#e5e7eb;padding:32px 0;margin-top:80px;overflow:hidden}.iwc-background{pointer-events:none;-webkit-user-select:none;user-select:none}.iwc-background,.iwc-image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.iwc-image-wrapper{max-width:var(--image-width)}.iwc-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.iwc-content{position:relative;z-index:2;display:grid;grid-template-columns:var(--left-width) minmax(0,1fr);grid-column-gap:var(--content-gap);align-items:center;width:100%;padding-left:var(--padding-x)}.iwc-title{margin-top:calc(clamp(14px,calc(14px + (16 - 14) * ((100vw - 1024px) / (1440 - 1024))),16px)*-1);margin-bottom:calc(clamp(9px,calc(9px + (10 - 9) * ((100vw - 1024px) / (1440 - 1024))),10px)*-1);font-size:clamp(56px,calc(56px + (76 - 56) * ((100vw - 1024px) / (1440 - 1024))),76px);line-height:clamp(64px,calc(64px + (80 - 64) * ((100vw - 1024px) / (1440 - 1024))),80px);color:var(--white)}.iwc-button-container:not(:first-child){margin-top:var(--button-margin-top)}.iwc-swiper{padding-right:var(--padding-x)}.iwc-item{position:relative;width:100%;max-width:var(--slide-width);aspect-ratio:288/458;border-radius:10px;overflow:hidden}.iwc-item:not(:last-child){margin-right:var(--slides-gap)}.iwc-box{position:absolute;top:0;left:0;display:block;width:100%;height:100%}.iwc-item-link{z-index:2}.iwc-item-image{object-fit:cover}.iwc-item-content{display:flex;align-items:flex-end;padding:20px}.iwc-item-title{font-size:clamp(18px,calc(18px + (22 - 18) * ((100vw - 1024px) / (1440 - 1024))),22px);line-height:clamp(22px,calc(22px + (26 - 22) * ((100vw - 1024px) / (1440 - 1024))),26px);color:var(--white)}.iwc-swiper-buttons{position:absolute;top:50%;right:clamp(16px,calc(16px + 8*(100vw - 1424px)/16),24px);transform:translateY(-50%);z-index:2;display:grid;grid-gap:2px;gap:2px;grid-template-columns:40px;width:40px}.iwc-swiper-buttons .iwc-swiper-button{position:relative;top:0;left:0;right:0;margin:0}.iwc[\:has\(\[data-slides-count\%3D\%221\%22\]\)] .iwc-swiper-buttons,.iwc[\:has\(\[data-slides-count\%3D\%222\%22\]\)] .iwc-swiper-buttons{display:none}.iwc:has([data-slides-count="1"]) .iwc-swiper-buttons,.iwc:has([data-slides-count="2"]) .iwc-swiper-buttons{display:none}@media (max-width:1439px){.iwc{--content-gap:8px;--slides-gap:8px;margin-top:64px}}@media (max-width:1245px) and (min-width:1024px){.iwc[\:has\(\[data-slides-count\%3D\%223\%22\]\)]{--slide-width:clamp( 270px, calc( 270px + (310 - 270) * ( (100vw - 1024px) / (1245 - 1024) ) ), 310px )}.iwc:has([data-slides-count="3"]){--slide-width:clamp( 270px, calc( 270px + (310 - 270) * ( (100vw - 1024px) / (1245 - 1024) ) ), 310px )}}@media (max-width:1023px){.iwc{--section-height:clamp( 526px, calc( 526px + (558 - 526) * ( (100vw - 834px) / (1024 - 834) ) ), 558px );--left-width:clamp( 260px, calc( 260px + (290 - 260) * ( (100vw - 834px) / (1024 - 834) ) ), 290px );--padding-x:clamp( 24px, calc(24px + 8*(100vw - 1016px)/8) , 32px );margin-top:48px}.iwc-title{margin-top:calc(clamp(8px,calc(8px + (14 - 8) * ((100vw - 834px) / (1024 - 834))),14px)*-1);margin-bottom:calc(clamp(5px,calc(5px + (9 - 5) * ((100vw - 834px) / (1024 - 834))),9px)*-1);font-size:clamp(44px,calc(44px + (56 - 44) * ((100vw - 834px) / (1024 - 834))),56px);line-height:clamp(44px,calc(44px + (64 - 44) * ((100vw - 834px) / (1024 - 834))),64px)}.iwc-swiper-buttons{display:none}}@media (max-width:877px) and (min-width:835px){.iwc[\:has\(\[data-slides-count\%3D\%222\%22\]\)]{--slide-width:clamp( 288px, calc( 288px + (310 - 288) * ( (100vw - 834px) / (877 - 834) ) ), 310px )}.iwc:has([data-slides-count="2"]){--slide-width:clamp( 288px, calc( 288px + (310 - 288) * ( (100vw - 834px) / (877 - 834) ) ), 310px )}}@media (max-width:834px) and (min-width:681px){.iwc[\:has\(\[data-slides-count\%3D\%222\%22\]\)]{--slide-width:clamp( 270px, calc(270px + .5*(100vw - 798px)) , 288px )}.iwc:has([data-slides-count="2"]){--slide-width:clamp( 270px, calc(270px + .5*(100vw - 798px)) , 288px )}}@media (max-width:680px){.iwc{--section-height:clamp( 611px, calc( 611px + (1051 - 611) * ( (100vw - 320px) / (648 - 320) ) ), 1051px );--image-width:100%;--left-width:324px;--padding-x:clamp( 18px, calc(18px + 14*(100vw - 648px)/32) , 32px );--slide-width:clamp( 270px, calc(270px + .84375*(100vw - 360px)) , 513px );padding:40px 0 32px}.iwc-image-wrapper{height:clamp(388px,calc(388px + .5625*(100vw - 360px)),568px)}.iwc-content{grid-template-columns:minmax(0,1fr);grid-template-rows:138px minmax(0,1fr);grid-row-gap:25px;align-items:start;padding:0}.iwc-left,.iwc-swiper{padding:0 var(--padding-x)}.iwc-left{width:100%;max-width:calc(var(--left-width) + var(--padding-x))}.iwc[\:has\(\[data-slides-count\%3D\%221\%22\]\)] .swiper-wrapper{justify-content:center}.iwc:has([data-slides-count="1"]) .swiper-wrapper{justify-content:center}}@media (max-width:359px){.iwc{--slide-width:calc((270 / 324 * 100%))}}@media (min-width:1246px){.iwc[\:has\(\[data-slides-count\%3D\%223\%22\]\)] .iwc-swiper-buttons{display:none}.iwc:has([data-slides-count="3"]) .iwc-swiper-buttons{display:none}}@media (min-width:1441px){.iwc{--image-width:calc((508 / 1440 * 100%));--section-height:clamp( 618px, calc( 618px + (827 - 618) * ( (100vw - 1440px) / (1920 - 1440) ) ), 827px );--slide-width:calc((288 / 970 * 100%))}}
/*# sourceMappingURL=/cdn/shop/t/104/assets/css-image-with-categories.css.map */