.popupList{width:100vw;height:100dvh;position:fixed;top:0;left:0;z-index:12;background:#0000004d;display:none;align-items:center;justify-content:center}.popupList .popup{max-width:76rem;width:100%;display:flex;align-items:center;background:#fff;border-radius:.8rem;position:relative;padding:2.4rem}.popupList .popup .popupContainer{width:100%;height:100%;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:2.4rem;overflow:hidden;position:static;background:transparent;z-index:unset}.popupList .popup .popupContainer::-webkit-scrollbar{display:none}.popupList .popup .popupBox{width:100%;min-width:100%;height:100%;flex:0 0 auto;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:2.4rem;overflow-y:auto;position:static}.popupList .popup .popupBox::-webkit-scrollbar{display:none}.popupList .popup .popupBox>div{max-width:100%;width:100%;max-height:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:1.6rem}.popupList .popup .popupBox .shopShow{display:grid;grid-template-columns:repeat(1,1fr);gap:.8rem}.popupList .popup .popupBox .shopShow>div{width:100%;height:100%;display:flex;gap:.4rem;align-items:center;overflow-x:hidden;overflow-y:auto}.popupList .popup .popupBox .shopShow>div img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:.8rem;aspect-ratio:4 / 5}.popupList .popup .popupBox .shopShow>div::-webkit-scrollbar{display:none}.popupList .popup .popupBox .shopShow .bigImg{flex:1}.popupList .popup .popupBox .shopShow .bigImg img{width:100%;height:auto}.popupList .popup .popupBox .shopShow .smallImg{max-height:7.2rem;justify-content:flex-start}.popupList .popup .popupBox .shopShow .smallImg img{height:100%;aspect-ratio:3/4;border-radius:.4rem;cursor:pointer;border:.1rem solid transparent}.popupList .popup .popupBox .shopShow .smallImg img:hover,.popupList .popup .popupBox .shopShow .smallImg img.active{border-color:#1f1f1f}.popupList .popup .popupBox .productDetails{padding-top:1.2rem;position:relative}.popupList .popup .popupBox .productDetails .productTitle{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.popupList .popup .popupBox .productDetails .productTitle h2{color:#1f1f1f;font-family:Albert Sans;font-size:2.4rem;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.048rem;text-transform:capitalize;margin:0}.popupList .popup .popupBox .productDetails .productTitle p{color:#1f1f1f;font-family:Albert Sans;font-size:1.4rem;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.048rem;margin:0}.popupList .popup .popupBox .productDetails .metafield-rich_text_field{width:100%;flex:1}.popupList .popup .popupBox .productDetails .metafield-rich_text_field h3{margin:0;color:#1f1f1f;font-family:Albert Sans;font-size:1.8rem;font-style:normal;font-weight:500;line-height:145.455%;letter-spacing:.022rem}.popupList .popup .popupBox .productDetails .metafield-rich_text_field p{color:#373737;font-family:Albert Sans;font-size:1.4rem;font-style:normal;font-weight:400;line-height:140%;padding:.4rem 0px}.popupList .popup .popupBox .productDetails .btn{border-radius:.4rem;height:4.8rem}.popupList .popup .popupBox .btn span:last-of-type{display:none}.popupList .popup .popupBox.active .btn span:first-of-type{display:none}.popupList .popup .popupBox.active .btn span:last-of-type{display:flex}.popupList .popup .exit{position:absolute;top:2.4rem;right:2.4rem;width:2.4rem;height:2.4rem;z-index:1;border-radius:50%;background:url(https://thehues.com/cdn/shop/files/exit.svg) #fff center center no-repeat;background-size:100% 100%;cursor:pointer}.popupList .popup .arrow{position:absolute;top:50%;z-index:1;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;background:#fff;border-radius:50%;box-shadow:0 .1rem .2rem -.2rem #00000029,0 .3rem .4rem #0000001f,0 .5rem .8rem .2rem #00000017}.popupList .popup .arrow.left{left:0%;transform:translate(-50%,-50%);cursor:pointer}.popupList .popup .arrow.left:before{width:100%;height:100%;border-radius:50%;content:"";background:url(/cdn/shop/files/arrow_left.svg?v=1761297996) #fff center center no-repeat;background-size:100% 100%}.popupList .popup .arrow.right{right:0%;transform:translate(50%,-50%);cursor:pointer}.popupList .popup .arrow.right:before{width:100%;height:100%;border-radius:50%;content:"";background:url(/cdn/shop/files/arrow_right.svg?v=1761297997) #fff center center no-repeat;background-size:100% 100%}.popupList .popup .arrow[disabled]{cursor:no-drop}.popupList .popup .arrow[disabled]:before{opacity:.6}.popupList[data-current="0"] .popup .arrow.left{cursor:no-drop}.popupList[data-current="0"] .popup .arrow.left:before{opacity:.6}@media screen and (max-width: 960px){.popupList .popup{height:100%;max-height:100%;border-radius:0;overflow:hidden}.popupList .popup .popupBox{max-height:100%;height:100%;grid-template-columns:repeat(1,1fr);grid-auto-rows:auto}.popupList .popup .popupBox .shopShow{display:grid;grid-template-columns:repeat(1,1fr);gap:.8rem}.popupList .popup .popupBox .shopShow .bigImg img,.popupList .popup .popupBox .shopShow .smallImg img{aspect-ratio:1/1}.popupList .popup .popupBox .productDetails{padding-top:0;padding-bottom:4.8rem}.popupList .popup .popupBox .btn{width:calc(100vw - 4.8rem);position:fixed;left:50%;bottom:2.4rem;transform:translate(-50%);z-index:1}.popupList .popup .exit{width:3.2rem;height:3.2rem;top:3.2rem;right:3.2rem}.popupList .popup .arrow.left{left:2.4rem}.popupList .popup .arrow.right{right:2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/products-grid-swatchpopup.css.map */