.popupContainer{width:100vw;height:100vh;position:fixed;top:0;bottom:0;left:0;right:0;display:none;background:#0000004d;z-index:20}.popupContainer .popupBox{position:absolute;right:-50rem;max-width:50rem;width:100%;height:100%;border-radius:.8rem 0 0 .8rem;background:#fff;transition:right .15s ease-out;padding:1.2rem}.popupContainer .popupBox>div{width:100%}.popupContainer .popupBox .popupTitle{padding-left:.8rem;color:#1f1f1f;font-family:Albert Sans;font-size:1.4rem;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.028rem;display:flex;align-items:center;justify-content:space-between}.popupContainer .popupBox .popupBody{padding:2.4rem 3.2rem 3.2rem;height:calc(100% - 3.2rem)}.popupContainer .popupBox .popupBody>div{width:100%}.popupContainer .popupBox .popupBody .step{width:calc(100% + .6rem);margin:0 -.3rem;display:flex;align-items:center;justify-content:space-between}.popupContainer .popupBox .popupBody .step>div{max-width:16.6666666667%;flex:0 0 16.6666666667%;padding:.8rem .3rem;cursor:pointer}.popupContainer .popupBox .popupBody .step>div:before{display:block;width:100%;height:.3rem;content:"";border-radius:.8rem;background:#74747433}.popupContainer .popupBox .popupBody .step>div[disabled]{cursor:no-drop}.popupContainer .popupBox .popupBody .step>div.active:before{background:#6155f5}.popupContainer .popupBox .popupBody .stepContainer{height:calc(100% - 1.9rem);padding-top:2.4rem}.popupContainer .popupBox .popupBody .stepContainer .stepList{width:100%;height:calc(100% - 5.2rem);display:flex;gap:4.4rem;overflow-x:hidden}.popupContainer .popupBox .popupBody .stepContainer .stepList::-webkit-scrollbar{display:none}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox{max-width:41.2rem;width:100%;height:100%;display:flex;flex-direction:column;row-gap:5rem;flex-shrink:0}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .stepTitle{width:100%;display:flex;flex-direction:column;row-gap:.4rem}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .stepTitle p{color:#1f1f1f;text-align:center;font-family:Albert Sans;font-size:2rem;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.04rem;text-transform:uppercase}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .stepTitle p:first-of-type{color:#6155f5;font-size:1.6rem;font-weight:800}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .stepTitle p:nth-of-type(3){margin-top:1.2rem;color:#747474;font-size:1.2rem;font-weight:400;letter-spacing:-.024rem}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .first,.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .branch{flex-direction:column;row-gap:5rem}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .first{display:flex}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .branch{display:none}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .optionList{width:100%;height:100%;padding-bottom:.8rem;display:flex;flex-direction:column;justify-content:space-between;row-gap:4.4rem}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .optionList .inputList{width:100%;display:flex;flex-flow:wrap;gap:1.2rem .8rem}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .optionList .inputList .inputBox{display:flex;flex-direction:column;gap:.4rem;flex:1;border-radius:.4rem;border:.1rem solid transparent}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .optionList .inputList .inputBox .msg{color:#747474;font-family:Albert Sans;font-size:1.4rem;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.028rem;text-transform:uppercase}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .optionList .inputList input{width:100%;text-align:center;height:4.8rem;padding:1.6rem;border-radius:.4rem;border:.1rem solid #1F1F1F;outline:none;background:#f3f3f3;color:#1f1f1f;font-family:Albert Sans;font-size:1.2rem;font-style:normal;font-weight:300;line-height:normal;text-transform:uppercase}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .optionList .inputList input::-moz-placeholder{color:#74747466}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .optionList .inputList input::placeholder{color:#74747466}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .optionList .inputList input::-webkit-outer-spin-button,.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .optionList .inputList input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .option{width:100%;display:grid;grid-auto-rows:1fr;border-radius:.4rem;border:.1rem solid transparent}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .option .optionItem{max-width:100%;flex:0 0 100%}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .option .optionItem .itemBox{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:.8rem;cursor:pointer;color:#000;text-align:center;font-family:Albert Sans;font-size:1rem;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.01rem;text-transform:uppercase}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .option .optionItem .itemBox img{max-width:100%;width:100%;height:auto;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:.4rem;border:.1rem solid transparent}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .option .optionItem .itemBox .msg{margin-top:-1.2rem}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .option .optionItem.active .itemBox img,.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .option .optionItem:hover .itemBox img{border-color:#1f1f1f}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .option[col="5"]{grid-template-columns:repeat(5,1fr);gap:2.4rem 1.6rem}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .option[col="2"],.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .option[col="1"]{grid-template-columns:repeat(2,1fr);gap:2.4rem}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .option[col="2"] .optionItem .itemBox,.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .option[col="1"] .optionItem .itemBox{color:#1f1f1f;text-align:center;font-family:Albert Sans;font-size:1.4rem;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.028rem;text-transform:uppercase;row-gap:1.6rem}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .option[col="2"] .optionItem .itemBox img,.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .option[col="1"] .optionItem .itemBox img{background:#d3d3d3}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .option[col="1"]{grid-template-columns:repeat(1,1fr);gap:2.4rem}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .option[col="1"] .optionItem{max-width:50%;margin:0 auto}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .option[col="1"] .optionItem .itemBox{cursor:default}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .option[col="1"] .optionItem.active .itemBox img,.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .option[col="1"] .optionItem:hover .itemBox img{border-color:transparent}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .resultSize{max-width:50%;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;row-gap:3.2rem;color:#1f1f1f;font-family:Albert Sans;font-size:1.5rem;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.03rem;text-transform:uppercase}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .resultSize p{color:#1f1f1f;font-family:Albert Sans;font-size:1.5rem;font-style:normal;font-weight:500;line-height:100%;letter-spacing:-.03rem;text-transform:uppercase;margin:0;display:flex;align-items:flex-end;justify-content:flex-start;gap:1.2rem}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .resultSize p span{font-size:3.6rem;letter-spacing:-.072rem;line-height:80%}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .outChangeMsg,.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .msg{width:100%;color:#747474;font-family:Albert Sans;font-size:1rem;font-style:normal;font-weight:300;line-height:normal;letter-spacing:-.02rem;text-transform:uppercase}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .outChangeMsg p,.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .msg p{font-size:1.2rem;letter-spacing:-.024rem}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .outChangeMsg a,.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .msg a{font-weight:400;color:currentColor}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .outChangeMsg{font-size:1.4rem;display:none}.popupContainer .popupBox .popupBody .stepContainer .btnList{display:flex}.popupContainer .popupBox .popupBody .stepContainer .btnList>.btn{display:flex}.popupContainer .popupBox .popupBody .stepContainer .btnList .btns{width:100%;display:none;align-items:center;gap:1.2rem}.popupContainer .popupBox .popupBody .stepContainer .btnList .btns .btn[type=white]{max-width:calc(33.3333333333% - .6rem)}.popupContainer .popupBox .popupBody .stepContainer .btnList .btns .btn[type=black]{max-width:calc(66.6666666667% - .6rem)}.popupContainer .popupBox .popupBody .stepContainer .btn{border-radius:.4rem;height:5.2rem;gap:.4rem;text-align:center;font-family:Albert Sans;font-size:1.6rem;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-.032rem;text-transform:uppercase}.popupContainer .popupBox .popupBody .stepContainer .btn[type=black]{color:#fcfcfc}.popupContainer .popupBox .popupBody .stepContainer .btn[type=white]{color:#1f1f1f}.popupContainer.active{display:block}@media screen and (max-width: 1600px){.popupContainer .popupBox .popupBody .stepContainer{padding-top:1.6rem}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .optionList,.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .first,.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .branch{row-gap:1.6rem}}@media screen and (max-width: 500px){.popupContainer .popupBox{border-radius:0}.popupContainer .popupBox .popupBody{padding:0}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox{max-width:50rem}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .stepTitle{position:sticky;top:0;background:#fff;padding-bottom:.8rem}.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .option[col="5"]{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width: 320px){.popupContainer .popupBox .popupBody .stepContainer .stepList .stepBox .option[col="5"]{grid-template-columns:repeat(3,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/page_product_gallery-popupCurtains.css.map */