.image-comparator-container{max-width:71rem;width:100%;background-color:transparent}.image-comparator-container .title{width:100%;font-weight:500}.image-container{position:relative;width:100%;height:40rem;overflow:hidden;border-radius:8px}.image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.image{width:100%;height:100%;object-fit:cover;transition:opacity .8s ease}.left-image{clip-path:inset(0 50% 0 0)}.right-image{clip-path:inset(0 0 0 50%)}.image-comparator .divider{position:absolute;top:0;left:50%;width:4px;height:100%;background:#fff;display:block!important;cursor:ew-resize;transform:translate(-50%)}.image-comparator .divider:after{content:"";position:absolute;top:50%;left:50%;width:4.8rem;height:4.8rem;background:#fff;border-radius:50%;transform:translate(-50%,-50%);z-index:1}.image-comparator .divider .icon{width:2.4rem;height:2.4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;color:rgb(var(--color-foreground))}.image-comparator .selectors{display:flex;justify-content:space-between;margin-top:16px;gap:1rem}.image-comparator .selector{flex:1;display:flex;flex-direction:column;align-items:flex-start}.image-comparator .selector-title-container{width:100%;min-height:4.4rem}.image-comparator .selector-title{font-size:1.6rem;font-weight:500;margin:0;letter-spacing:0;line-height:1.2}.image-comparator .selector-container{position:relative;display:flex;width:fit-content;gap:1rem}.image-comparator .selector-container.collapsed ul{max-height:4rem;overflow:hidden}@media screen and (min-width: 750px){.image-comparator .selector-container.collapsed ul{max-height:4.2rem}}.image-comparator .selector-container:not(.collapsed){min-height:55rem}@media screen and (min-width: 750px){.image-comparator .selector-container:not(.collapsed){min-height:31rem}}.image-comparator .selector ul{list-style:none;padding:0;margin:0;display:grid;row-gap:9px;column-gap:8px;grid-template-columns:repeat(3,minmax(3.8rem,1fr));grid-template-rows:repeat(auto-fill,minmax(4.6rem,1fr));align-items:center;justify-items:center}@media screen and (min-width: 750px){.image-comparator .selector ul{grid-template-columns:repeat(5,minmax(3.8rem,1fr));grid-template-rows:repeat(auto-fill,minmax(4.4rem,1fr))}}.image-comparator .selector-item{width:2.8rem;height:2.8rem;border-radius:50%;background:#eee;cursor:pointer;transition:background .3s;position:relative;transition:transform .3s}.image-comparator .selector-item.active{background:#ddd;font-weight:700}.image-comparator .selector-item.active:after{content:"";position:absolute;top:50%;left:50%;width:3.4rem;height:3.4rem;border-radius:50%;border:1px solid #000;transform:translate(-50%,-50%)}.image-comparator .selector-item:not(.active):hover{background:#ccc;box-shadow:0 0 .2rem #000000b3;transform:scale(1.001)}.image-comparator .expand-button{width:2.8rem;height:2.8rem;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#f4f2ed;margin-top:.6rem;padding:0;border:none}.image-comparator .expand-button:hover{box-shadow:0 0 .2rem #000000b3;transform:scale(1.001)}.image-comparator .expand-button .icon{width:1.4rem;height:1.4rem;color:#000}.image-comparator .selector-container.collapsed .icon-minus{display:none}.image-comparator .selector-container:not(.collapsed) .icon-plus{display:none}
/*# sourceMappingURL=/cdn/shop/t/114/assets/section-compare-colors.css.map */