.content-for-layout{min-height:auto!important}.finder-level{width:100%}.finder-level:not([data-level="1"]){display:none}.finder-level h2{margin-bottom:10px;text-transform:uppercase}.finder-level img{width:100%;height:auto}.choose-box img{aspect-ratio:80 / 53;background-color:var(--color-gray-4)}.finder-level .grid-item{cursor:pointer}.finder-level01 .grid-item{display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;-webkit-box-lines:multiple;-moz-flex-wrap:wrap;position:relative}.finder-level01 .grid-item h2{order:2;padding-top:1vw}.finder-level01 img{border-radius:14px;margin-bottom:0;overflow:hidden;aspect-ratio:80 / 53;background-color:var(--color-gray-4)}.finder-level02 .choose-box img,.finder-level03 .choose-box img{order:1}.finder-level02 .choose-box h2,.finder-level03 .choose-box h2{order:2;padding:1vw 2vw 0;width:100%}.finder-level02 .choose-box p,.finder-level03 .choose-box p{order:3;padding:0 2vw}.finder-level02 .choose-box,.finder-level03 .choose-box{display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;-webkit-box-lines:multiple;-moz-flex-wrap:wrap;border:1px solid var(--color-gray-4);border-radius:14px;padding-bottom:1vw;overflow:hidden}.finder-level .grid-item:before{opacity:0;content:"";position:absolute;background:#0003;width:100%;height:100%;left:0;top:0}.finder-level .grid-item:after{opacity:0;content:"";margin:auto;left:0;right:0;top:0;bottom:0;width:50vw;height:50vw;max-width:60px;max-height:60px;background-color:var(--ororo-fire);position:absolute;border-radius:100%;color:var(--color-white);background-position:center center;background-size:40px;background-repeat:no-repeat;transform:translateY(-20%);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg height='434pt' viewBox='0 -65 434.67733 434' width='434pt' style='fill:%23fff%3B' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m152.003906 304.34375c-5.460937 0-10.921875-2.089844-15.082031-6.25l-130.664063-130.667969c-8.34375-8.339843-8.34375-21.824219 0-30.164062 8.339844-8.339844 21.820313-8.339844 30.164063 0l115.582031 115.582031 246.253906-246.25c8.339844-8.339844 21.820313-8.339844 30.164063 0 8.339844 8.34375 8.339844 21.824219 0 30.167969l-261.332031 261.332031c-4.160156 4.160156-9.625 6.25-15.085938 6.25zm0 0'/%3E%3C/svg%3E")}.finder-level .image{position:relative;height:auto;display:block;width:100%}.finder-level .image:after{content:"";position:absolute;background:#00000080;width:100%;height:100%;left:0;top:0;border-radius:14px;opacity:0}.finder-level .finder-option.active .image:after{opacity:1}.finder-level .finder-option.active:after{opacity:1}.finder-level .grid-item:hover h2{color:var(--ororo-fire)}.finder-history{text-align:center;padding-bottom:2vw}#finder-page{padding-top:4vw;padding-bottom:4vw}#finder-page .page-header .h2{font-size:clamp(24px,1.89vw,36px)}.page-header .h1{font-size:2.5vw;text-transform:uppercase;font-display:swap}#finder-page[data-current-step="1"] .finder-history{display:none}.change-answer svg{fill:#999;width:1vw;display:inline;vertical-align:middle}.change-answer{display:inline-block;padding:5px 2vw;background:var(--color-white);border-radius:30px;border-color:transparent;font-size:1vw}.reset-btn{border:none;display:inline-block;text-align:center;justify-content:center;vertical-align:middle;background:var(--color-white);cursor:pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;box-shadow:0 0 10px #ccc;border-radius:100px}.reset-btn svg{width:30px;height:30px;padding:5px;margin:auto;display:block;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.reset-btn:hover{background:var(--color-black)}.reset-btn:hover svg{fill:var(--color-white)}.steps li{padding:10px 15px;border-radius:4px;margin:5px;display:none;background-size:cover;color:var(--color-white);background-repeat:no-repeat;text-transform:uppercase;position:relative;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;cursor:pointer}.steps li:hover{box-shadow:0 0 5px var(--color-black);-moz-box-shadow:0 0 5px var(--color-black);-ms-box-shadow:0 0 5px var(--color-black);-o-box-shadow:0 0 5px var(--color-black);-webkit-box-shadow:0 0 5px var(--color-black)}.steps b{position:relative;font-weight:400;font-size:16px}@media screen and (max-width:1000px){.steps b{font-size:14px}}.finder-history .steps{display:inline-block}.havechoose{display:inline-flex!important;background-color:#eee}.havechoose:after{content:"";position:relative;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon icon-double-right' xmlns='//www.w3.org/2000/svg' xmlns:xlink='//www.w3.org/1999/xlink' x='0px' y='0px' style=' fill: %23999%3B width: 1vw%3B display: inline%3B vertical-align: middle%3B' width='284.936px' height='284.936px' viewBox='0 0 284.936 284.936' style='enable-background:new 0 0 284.936 284.936%3B' xml:space='preserve'%3E %3Cpath d='M277.515%2C135.9L144.464%2C2.857C142.565%2C0.955%2C140.375%2C0%2C137.9%2C0c-2.472%2C0-4.659%2C0.955-6.562%2C2.857l-14.277%2C14.275 c-1.903%2C1.903-2.853%2C4.089-2.853%2C6.567c0%2C2.478%2C0.95%2C4.664%2C2.853%2C6.567l112.207%2C112.204L117.062%2C254.677 c-1.903%2C1.903-2.853%2C4.093-2.853%2C6.564c0%2C2.477%2C0.95%2C4.667%2C2.853%2C6.57l14.277%2C14.271c1.902%2C1.905%2C4.089%2C2.854%2C6.562%2C2.854 c2.478%2C0%2C4.665-0.951%2C6.563-2.854l133.051-133.044c1.902-1.902%2C2.851-4.093%2C2.851-6.567S279.417%2C137.807%2C277.515%2C135.9z'/%3E %3Cpath d='M170.732%2C142.471c0-2.474-0.947-4.665-2.857-6.571L34.833%2C2.857C32.931%2C0.955%2C30.741%2C0%2C28.267%2C0s-4.665%2C0.955-6.567%2C2.857 L7.426%2C17.133C5.52%2C19.036%2C4.57%2C21.222%2C4.57%2C23.7c0%2C2.478%2C0.95%2C4.664%2C2.856%2C6.567L119.63%2C142.471L7.426%2C254.677 c-1.906%2C1.903-2.856%2C4.093-2.856%2C6.564c0%2C2.477%2C0.95%2C4.667%2C2.856%2C6.57l14.273%2C14.271c1.903%2C1.905%2C4.093%2C2.854%2C6.567%2C2.854 s4.664-0.951%2C6.567-2.854l133.042-133.044C169.785%2C147.136%2C170.732%2C144.945%2C170.732%2C142.471z'/%3E %3C/svg%3E ")}.havechoose:before{content:"";position:absolute;background:#0003;width:100%;height:100%;left:0;top:0;border-radius:4px}.change-answer.mobile-block{display:none}.match-val{padding-bottom:2vw}.match-val b{background-color:#f2f2f2;border-radius:5px;color:var(--color-black);margin-right:5px;padding:5px 10px;margin-bottom:10px;display:inline-block}#finder-result{display:none}#finder-result .sellpro-box{text-align:center}@media (max-width: 590px){.finder-level .image{order:2}.finder-level01 .grid-item h2{order:1;font-size:4.8vw;font-weight:700}.page-header h1{font-size:4.8vw}.page-header{text-align:left}.finder-level01 .grid-item:first-child{padding-top:5vw}.change-answer.pc-block{display:none}.change-answer.mobile-block{display:inline-block;font-size:14px}.finder-history{text-align:left;padding-bottom:7vw}.finder-history .steps{display:block;overflow:hidden;overflow:auto}.finder-level02 .choose-box h2,.finder-level03 .choose-box h2{font-weight:700;font-size:4.5vw;order:1;padding-left:0}.finder-level02 .choose-box,.finder-level03 .choose-box{border:none;border-radius:0}.finder-level02 .choose-box img,.finder-level03 .choose-box img{margin-bottom:0;border-radius:14px 14px 0 0}.finder-level02 .choose-box p,.finder-level03 .choose-box p{border-radius:0 0 14px 14px;border:1px solid var(--color-gray-4)!important;border-top:0;width:100%;padding-top:2vw;padding-bottom:2vw;padding-left:5vw}.finder-option{padding-bottom:10vw}.stepscontainer{width:200%}.steps li{max-width:180px;line-height:1;font-size:12px;height:40px;vertical-align:middle;justify-content:center;text-align:center;align-items:center}.finder-level .grid-item:after{max-width:50px;max-height:50px}.reset-btn svg{width:30px;height:30px;padding:5px}.finder-level h2{padding-bottom:2vw}.page-header h2.header_h2{font-size:14px!important}}@media (max-width: 768px){.reset-btn{padding:0}.finder-level .grid-item:after{max-width:60px;max-height:60px}.page-header h1{font-size:4vw}.header_h2{font-size:2.5vw!important;padding-bottom:3vw}.finder-level01 .grid-item h2,.finder-level02 .choose-box h2,.finder-level03 .choose-box h2{font-size:15px}.change-answer{font-size:14px}}@media (min-width: 769px){#finder-page .finder-level01{max-width:100%}.finder-level01 .grid-item h2,.finder-level02 .choose-box h2,.finder-level03 .choose-box h2{font-size:1.3vw}.header_h2{font-size:1.5vw!important;text-transform:inherit!important;padding-bottom:3vw}}.result-loading{width:150px;height:4px;border-radius:2px;margin:100px auto 0;position:relative;background:#90ee90;-webkit-animation:changeBgColor 1.04s ease-in infinite alternate}.result-loading span{display:inline-block;width:16px;height:16px;border-radius:50%;background:#90ee90;position:absolute;margin-top:-7px;margin-left:-8px;-webkit-animation:changePosition 1.04s ease-in infinite alternate}@-webkit-keyframes changeBgColor{0%{background:#f99146}to{background:var(--ororo-fire)}}@-webkit-keyframes changePosition{0%{background:#f99146}to{margin-left:142px;background:var(--ororo-fire)}}.finder-level .grid-item{margin-bottom:30px}@media only screen and (max-width: 1200px){.finder-level .grid-item{margin-bottom:20px}}@media only screen and (max-width: 590px){.finder-level .grid-item{margin-bottom:0}}.hide{display:none!important}.page-header{text-align:center}.page-header .header_h2{font-weight:700}.finder-level h2{font-weight:500}.finder-level .header_tips{margin-top:1em}@media screen and (max-width: 1000px){.page-header .text-36{font-size:25px}}@media screen and (min-width: 590px){.page-header .header_h2{margin-top:.5em}}.finder-level .header_tips{display:block;overflow-wrap:break-word;font-size:14px;font-weight:400;color:#4c4c4c}.finder-level h2{text-transform:capitalize}.finder-level .finder-option h2{margin-bottom:0}.finder-level04 .row{justify-content:center}.finder-level04 .choose-box img{order:1}.finder-level04 .choose-box h2{order:2;padding:1vw 2vw 0;width:100%}.finder-level04 .choose-box p{order:3;padding:0 2vw}.finder-level04 .choose-box{display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;-webkit-box-lines:multiple;-moz-flex-wrap:wrap;border:1px solid var(--color-gray-4);border-radius:14px;padding-bottom:1vw;overflow:hidden}.multi-btn{color:var(--color-white);font-size:14px;font-weight:400;text-align:center;width:170px;height:50px;margin:0 auto;line-height:50px;background-color:var(--color-black);cursor:pointer;transition:all .15s linear}.multi-btn:hover,.multi-btn:focus{background-color:var(--ororo-fire);transition:all .15s linear}.stepscontainer{display:flex}.steps li{text-transform:capitalize;white-space:nowrap}.steps li[data-level="1"]{order:1}.steps li[data-level="2"]{order:2}.steps li[data-level="3"]{order:3}.steps li[data-level="4"]{order:4}#finder-result{position:relative}#finder-result .filter-item.hide{position:absolute;opacity:0;z-index:-1}.finder-level:not(.finder-level01) .image:after{border-radius:0}#finder-recommend-list{display:none}ul{padding-left:0}.recommend-item{display:none;padding-left:0;justify-content:space-between;flex-wrap:wrap}.recommend-item .card-wrapper{flex-basis:24%}.recommend-item .card-wrapper .full-unstyled-link,#finder-result .card-wrapper .full-unstyled-link{font-size:16px}#match-message .h1{font-weight:500}@media only screen and (max-width: 1000px){.recommend-item .card-wrapper{flex-basis:48%}}@media screen and (max-width: 1200px){.recommend-item .card-wrapper .full-unstyled-link,#finder-result .card-wrapper .full-unstyled-link{font-size:14px}.recommend-item .card-wrapper .price-box,#finder-result .card-wrapper .card-information>.price{font-size:16px}}#finder-form{display:flex;justify-content:center;align-items:center;width:100%;max-width:100vw;height:100%;position:fixed;top:0;left:0;z-index:3;background:#fffc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .15s linear}#finder-form.hide{z-index:-1;opacity:-1;transition:all .15s linear}#finder-form form{max-width:600px!important;rgba(255,255,255,.8) !important;border:1.16918px solid #EAEAEA;box-shadow:0 0 23.3836px #0000001a;-webkit-backdrop-filter:blur(5.8459px);backdrop-filter:blur(5.8459px);border-radius:0!important}#finder-form form div[data-testid=form-row]:nth-child(1) span{font-family:"Avenir LT W01 65 Medium",Arial,"sans-serif"!important}#finder-form form div[data-testid=form-row]:nth-child(2) [data-testid=form-component]{padding:0!important}#finder-form form div[data-testid=form-row]:nth-child(2) [data-testid=form-component] input{height:50px!important;border-radius:0!important;background-color:#ccc!important}#finder-form form div[data-testid=form-row]:nth-child(2) [data-testid=form-component]:nth-child(2) button{width:100%;height:50px!important;padding-top:0!important;padding-bottom:0!important;border-radius:0!important;background-color:transparent!important;background:linear-gradient(90deg,var(--ororo-fire) 0%,var(--ororo-fire) 100%),#d9d9d9!important;font-family:"Avenir LT W01 65 Medium",Arial,"sans-serif"!important}#finder-form form div[data-testid=form-row]:nth-child(2) [data-testid=form-component]:nth-child(2){width:25%;margin-left:10px!important}.finder-option.disabled{opacity:.75;pointer-events:none}.match-val b{text-transform:capitalize}@media only screen and (max-width: 1200px){.header_h2{font-size:18px!important}.change-answer{font-size:15px}}@media only screen and (min-width: 769px){.finder-level04 .choose-box h2{font-size:1.3vw}.finder-level:not(.finder-level01) .header_h2{padding-bottom:20px}}@media only screen and (min-width: 769px) and (max-width: 900px){.change-answer{font-size:14px}.finder-level01 .grid-item h2,.finder-level02 .choose-box h2,.finder-level03 .choose-box h2,.finder-level04 .choose-box h2{font-size:15px}}@media only screen and (max-width: 768px){.finder-level04 .choose-box h2{font-size:15px}#finder-form .klaviyo-form form{max-width:calc(100% - 20px)!important}}@media only screen and (min-width: 768){.finder-history{display:flex;justify-content:center;align-items:center}.finder-history .steps{max-width:60%;overflow-x:auto}.finder-history .steps::-webkit-scrollbar{width:5px;height:5px}.finder-history .steps::-webkit-scrollbar-thumb{border-radius:10px;background:#a8a8a8}.finder-history .steps::-webkit-scrollbar-track{background:#f1f1f1}.finder-history .reset-btn{margin-left:10px}}@media only screen and (max-width: 767px){.page-header .h1{font-size:calc(18px + 1.6vw);font-weight:700;line-height:1.04;margin-bottom:10px}.page-header h2.header_h2{font-size:calc(14px + .53vw)!important;line-height:1.05;font-weight:400;margin:0 0 calc(20px + 1.33vw) 0;padding:0}.finder-level .row{justify-content:center}.finder-option{padding-left:5px;padding-right:5px}.finder-level01 .grid-item:first-child{padding-top:0}.finder-level04 .choose-box h2{font-weight:700;font-size:4.5vw;order:1;padding-left:0}.finder-level04 .choose-box{border:none;border-radius:0}.finder-level04 .choose-box img{margin-bottom:0;border-radius:14px 14px 0 0}.finder-level04 .choose-box p{border-radius:0 0 14px 14px;border:1px solid var(--color-gray-4)!important;border-top:0;width:100%;padding-top:2vw;padding-bottom:2vw;padding-left:5vw}.stepscontainer{width:max-content}.finder-level .image{order:0}.finder-level .image img{border-radius:5px}.finder-level .image:after{border-radius:5px!important;overflow:hidden}.finder-level .grid-item{padding-bottom:0;margin-top:8.5vw}.finder-level .grid-item:first-child{margin-top:0}.finder-level .grid-item:nth-child(2){margin-top:0}.finder-level .grid-item:after{width:40px;height:40px;background-size:20px}.finder-level01 .grid-item h2,.finder-level02 .choose-box h2,.finder-level03 .choose-box h2,.finder-level04 .choose-box h2{font-size:calc(14px + .53vw);font-weight:400}.template-suffix-new-shop-finder .main-content{min-height:auto}.multi-btn{margin-top:15px}#finder-form form div[data-testid=form-row]:first-child p span{font-size:18px!important}#finder-form form div[data-testid=form-row]:nth-child(2){flex-wrap:wrap!important}#finder-form form div[data-testid=form-row]:nth-child(2) [data-testid=form-component]{width:100%!important;flex:auto!important}#finder-form form div[data-testid=form-row]:nth-child(2) [data-testid=form-component]:nth-child(2){width:100%!important;margin-left:0!important;margin-top:10px!important}}@media only screen and (min-width: 1921px){.finder-level04 .choose-box h2{font-size:32px}}
/*# sourceMappingURL=/cdn/shop/t/366/assets/section-new-shopfinder.css.map */