@import"./ly-showroom-base.css";.ly-showroom-host-section-container{background-color:#f5f5f7}.ly-showroom-host-banner{width:100%;aspect-ratio:430 / 601;position:relative}.ly-showroom-host-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f0f80;z-index:1}.ly-showroom-host-banner:after{content:"";position:absolute;top:0;left:0;width:100%;aspect-ratio:430 / 323;background:linear-gradient(180deg,#191919,#2220 88.68%);z-index:2}.ly-showroom-host-banner .ly-showroom-host-banner-image{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.ly-showroom-host-banner .ly-showroom-host-banner-content-wrapper{position:relative;z-index:3;padding:calc(54 * var(--u, 1px)) calc(42 * var(--u, 1px)) 0}.ly-showroom-host-banner .ly-showroom-host-banner-content-wrapper .ly-showroom-host-banner-title{color:#fff;text-align:center}.ly-showroom-host-banner .ly-showroom-host-banner-content-wrapper .ly-showroom-host-banner-subtitle{color:#fff;text-align:center;margin-top:calc(26 * var(--u, 1px))}.ly-showroom-host-banner .ly-showroom-host-banner-content-wrapper ly-showroom-search{margin-top:calc(26 * var(--u, 1px));display:block}.ly-showroom-host-banner .ly-showroom-host-banner-content-wrapper ly-showroom-search .ly-showroom-search-input{outline:none!important;box-shadow:none!important;display:block;width:100%;height:calc(50 * var(--u, 1px));padding:calc(12 * var(--u, 1px)) calc(8 * var(--u, 1px));border:none;border-radius:10px 10px 0 0;background:#fafafa;text-align:center}.ly-showroom-host-banner .ly-showroom-host-banner-content-wrapper ly-showroom-search .ly-showroom-search-input,.ly-showroom-host-banner .ly-showroom-host-banner-content-wrapper ly-showroom-search .ly-showroom-search-input::placeholder{color:#33333380;font-family:HarmonyOS Sans;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.ly-showroom-host-banner .ly-showroom-host-banner-content-wrapper ly-showroom-search .ly-showroom-search-button{border-radius:0 0 10px 10px;display:inline-flex;height:calc(36 * var(--u, 1px));padding:calc(5 * var(--u, 1px)) calc(24 * var(--u, 1px));justify-content:center;align-items:center}.ly-showroom-host-section-wrapper{padding-top:calc(35 * var(--u, 1px));padding-bottom:calc(35 * var(--u, 1px))}.ly-showroom-host-image-text{background-color:#fafafa;border-radius:10px;padding:calc(20 * var(--u, 1px)) calc(14 * var(--u, 1px))}.ly-showroom-host-image-text .ly-showroom-host-image-text-cover{width:calc(370 * var(--u, 1px));height:calc(241 * var(--u, 1px));overflow:hidden;border-radius:10px}.ly-showroom-host-image-text .ly-showroom-host-image-text-content-wrapper{margin-top:calc(30 * var(--u, 1px));padding:0 calc(10 * var(--u, 1px))}.ly-showroom-host-image-text .ly-showroom-host-image-text-content-wrapper .ly-showroom-host-image-text-content,.ly-showroom-host-image-text .ly-showroom-host-image-text-content-wrapper .ly-showroom-host-image-text-button-wrapper{margin-top:calc(20 * var(--u, 1px))}.ly-showroom-host-image-text .ly-showroom-host-image-text-content-wrapper .ly-showroom-host-image-text-button-wrapper .ly-buttons{display:flex}.ly-showroom-host-image-text .ly-showroom-host-image-text-content-wrapper .ly-showroom-host-image-text-button-wrapper .ly-buttons .ly-button{flex:1}.ly-showroom-host-image-text .ly-showroom-host-image-text-content-wrapper .ly-showroom-host-image-text-button-wrapper .ly-buttons .ly-button.secondary{color:#333}.ly-showroom-host-benefit-wrapper{padding:calc(20 * var(--u, 1px)) 0 calc(30 * var(--u, 1px))}.ly-showroom-host-benefit-wrapper .ly-showroom-host-benefit-inner{display:grid;grid-template-columns:1fr;row-gap:calc(20 * var(--u, 1px))}.ly-showroom-host-benefit-wrapper .ly-showroom-host-benefit{background-color:#fff;border-radius:10px;padding:calc(22 * var(--u, 1px)) 0;padding-left:calc(26 * var(--u, 1px));padding-right:calc(10 * var(--u, 1px))}.ly-showroom-host-benefit-wrapper .ly-showroom-host-benefit .ly-showroom-host-benefit-index{color:#3336}.ly-showroom-host-benefit-wrapper .ly-showroom-host-benefit .ly-showroom-host-benefit-title{margin-top:calc(10 * var(--u, 1px))}.ly-showroom-host-benefit-wrapper .ly-showroom-host-benefit .ly-showroom-host-benefit-subtitle{margin-top:calc(8 * var(--u, 1px));color:#333c}ly-showroom-host-form.is-success .ly-showroom-host-form-wrapper{display:none}ly-showroom-host-form:not(.is-success) .ly-showroom-host-form-success-wrapper{display:none}ly-showroom-host-form .ly-showroom-host-form-wrapper{background-color:#fff;border-radius:10px;padding:calc(28 * var(--u, 1px)) calc(26 * var(--u, 1px))}ly-showroom-host-form .ly-showroom-host-form-wrapper .ly-showroom-host-form-inner{margin-top:calc(30 * var(--u, 1px))}ly-showroom-host-form .ly-showroom-host-form-wrapper .ly-showroom-host-form-inner .ly-showroom-host-form-item+:is(ly-showroom-host-form .ly-showroom-host-form-wrapper .ly-showroom-host-form-inner .ly-showroom-host-form-item){margin-top:calc(26 * var(--u, 1px))}ly-showroom-host-form .ly-showroom-host-form-wrapper .ly-showroom-host-form-inner .ly-showroom-host-form-item[data-required] .ly-showroom-host-form-item-label:after{content:"*";margin-left:5px}ly-showroom-host-form .ly-showroom-host-form-wrapper .ly-showroom-host-form-inner .ly-showroom-host-form-item .ly-showroom-host-form-item-subtitle{margin-top:calc(10 * var(--u, 1px));color:#8b8b8b}ly-showroom-host-form .ly-showroom-host-form-wrapper .ly-showroom-host-form-inner .ly-showroom-host-form-item .ly-showroom-host-form-item-input{outline:none;box-shadow:none;border:none;display:block;margin-top:calc(10 * var(--u, 1px));width:100%;min-height:36px;border-radius:6px;border:.5px solid rgba(0,0,0,.3);background:#fafafa;padding:0 10px;box-sizing:border-box}ly-showroom-host-form .ly-showroom-host-form-wrapper .ly-showroom-host-form-inner .ly-showroom-host-form-item textarea.ly-showroom-host-form-item-input{padding:5px 10px;resize:vertical}ly-showroom-host-form .ly-showroom-host-form-wrapper .ly-showroom-host-form-inner .ly-showroom-host-form-item-upload .ly-showroom-host-form-item-label-desc{margin-top:calc(10 * var(--u, 1px));color:#8b8b8b}ly-showroom-host-form .ly-showroom-host-form-wrapper .ly-showroom-host-form-inner .ly-showroom-host-form-item-upload ly-showroom-host-form-upload{margin-top:calc(10 * var(--u, 1px))}ly-showroom-host-form .ly-showroom-host-form-wrapper .ly-showroom-host-form-inner .ly-showroom-host-form-item-select ly-showroom-host-form-select{display:block;margin-top:calc(10 * var(--u, 1px))}ly-showroom-host-form .ly-showroom-host-form-wrapper .ly-showroom-host-form-inner .ly-showroom-host-form-item-select ly-showroom-host-form-select .selected{display:flex;align-items:center;justify-content:space-between;border-radius:6px;border:.5px solid rgba(0,0,0,.3);background:#fafafa;height:36px;padding:0 10px}ly-showroom-host-form .ly-showroom-host-form-wrapper .ly-showroom-host-form-inner .ly-showroom-host-form-item-select ly-showroom-host-form-select .selected .value{flex:1}ly-showroom-host-form .ly-showroom-host-form-wrapper .ly-showroom-host-form-inner .ly-showroom-host-form-item-select ly-showroom-host-form-select .selected .svg-wrapper{flex:0 0 auto;width:16px;transition:.3s}ly-showroom-host-form .ly-showroom-host-form-wrapper .ly-showroom-host-form-inner .ly-showroom-host-form-item-select ly-showroom-host-form-select .selected:has(input[type=checkbox]:checked){border-bottom-left-radius:0;border-bottom-right-radius:0}ly-showroom-host-form .ly-showroom-host-form-wrapper .ly-showroom-host-form-inner .ly-showroom-host-form-item-select ly-showroom-host-form-select .selected:has(input[type=checkbox]:checked) .svg-wrapper{transform:rotate(180deg)}ly-showroom-host-form .ly-showroom-host-form-wrapper .ly-showroom-host-form-inner .ly-showroom-host-form-item-select ly-showroom-host-form-select .option-wrapper{--r: 0fr;display:grid;grid-template-rows:var(--r);overflow:hidden;transition:grid-template-rows .25s}ly-showroom-host-form .ly-showroom-host-form-wrapper .ly-showroom-host-form-inner .ly-showroom-host-form-item-select ly-showroom-host-form-select .option-wrapper .options{min-height:0}ly-showroom-host-form .ly-showroom-host-form-wrapper .ly-showroom-host-form-inner .ly-showroom-host-form-item-select ly-showroom-host-form-select .option-wrapper .options .option{display:flex;align-items:center;justify-content:space-between;border:.5px solid rgba(0,0,0,.3);border-top:none;background:#fafafa;height:36px;padding:0 10px}ly-showroom-host-form .ly-showroom-host-form-wrapper .ly-showroom-host-form-inner .ly-showroom-host-form-item-select ly-showroom-host-form-select .option-wrapper .options .option:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}ly-showroom-host-form .ly-showroom-host-form-wrapper .ly-showroom-host-form-inner .ly-showroom-host-form-item-select ly-showroom-host-form-select .option-wrapper .options .option.active{background:#3333331a}ly-showroom-host-form .ly-showroom-host-form-wrapper .ly-showroom-host-form-inner .ly-showroom-host-form-item-select ly-showroom-host-form-select:has(input[type=checkbox]:checked) .option-wrapper{--r: 1fr}ly-showroom-host-form .ly-showroom-host-form-wrapper .ly-showroom-host-form-submit{margin-top:calc(42 * var(--u, 1px))}ly-showroom-host-form .ly-showroom-host-form-success-wrapper{--icon-size: calc(66 * var(--u, 1px));--t: 50px;position:fixed;top:var(--t);height:calc(100vh - var(--t));left:0;right:0;background-color:#fff;z-index:10}ly-showroom-host-form .ly-showroom-host-form-success-wrapper .ly-showroom-host-form-success-wrapper-inner{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#1e4a32;padding:0 35px}ly-showroom-host-form .ly-showroom-host-form-success-wrapper .ly-showroom-host-form-success-wrapper-inner .svg-wrapper{width:var(--icon-size);height:var(--icon-size)}ly-showroom-host-form .ly-showroom-host-form-success-wrapper .ly-showroom-host-form-success-wrapper-inner .success-title{margin-top:calc(25 * var(--u, 1px))}ly-showroom-host-form .ly-showroom-host-form-success-wrapper .ly-showroom-host-form-success-wrapper-inner .success-subtitle{margin-top:calc(12 * var(--u, 1px))}ly-showroom-host-form .ly-showroom-host-form-success-wrapper .ly-showroom-host-form-success-wrapper-inner .back-link{margin-top:calc(15 * var(--u, 1px))}:root:has(ly-showroom-host-form.is-success){overflow:hidden}@media screen and (min-width: 750px){.ly-showroom-host-banner{aspect-ratio:auto;height:450px;position:relative}.ly-showroom-host-banner:before{background:#20202080}.ly-showroom-host-banner:after{display:none}.ly-showroom-host-banner .ly-showroom-host-banner-content-wrapper{height:100%;display:flex;align-items:center;padding-top:0}.ly-showroom-host-banner .ly-showroom-host-banner-content-wrapper:before{content:"";flex:1}.ly-showroom-host-banner .ly-showroom-host-banner-content-wrapper .ly-showroom-host-banner-content-inner{flex:1}.ly-showroom-host-banner .ly-showroom-host-banner-content-wrapper .ly-showroom-host-banner-content-inner .ly-showroom-host-banner-title{text-align:left;max-width:530px}.ly-showroom-host-banner .ly-showroom-host-banner-content-wrapper .ly-showroom-host-banner-content-inner .ly-showroom-host-banner-subtitle{text-align:left;margin-top:calc(30 * var(--u, 1px));max-width:530px}.ly-showroom-host-banner .ly-showroom-host-banner-content-wrapper .ly-showroom-host-banner-content-inner ly-showroom-search{margin-top:calc(33 * var(--u, 1px));display:flex}.ly-showroom-host-banner .ly-showroom-host-banner-content-wrapper .ly-showroom-host-banner-content-inner ly-showroom-search .ly-showroom-search-input{border-radius:10px 0 0 10px;text-align:left;flex:0 0 331px;height:56px;padding:19px 13px}.ly-showroom-host-banner .ly-showroom-host-banner-content-wrapper .ly-showroom-host-banner-content-inner ly-showroom-search .ly-showroom-search-button{border-radius:0 10px 10px 0;flex:0 0 263px;height:56px;padding:8px 30px;border-color:#1e4a32}.ly-showroom-host-image-text{display:flex;padding:calc(30 * var(--u, 1px));background-color:#fff}.ly-showroom-host-image-text .ly-showroom-host-image-text-cover{width:auto;height:auto;flex:593;aspect-ratio:593 / 405}.ly-showroom-host-image-text .ly-showroom-host-image-text-content-wrapper{flex:574;margin:0;padding:0;background-color:#fafafa;display:flex;align-items:center}.ly-showroom-host-image-text .ly-showroom-host-image-text-content-wrapper .ly-showroom-host-image-text-content-inner{padding:40px 55px 70px 40px}.ly-showroom-host-benefit-wrapper{padding:calc(28 * var(--u, 1px)) calc(39 * var(--u, 1px)) calc(32 * var(--u, 1px));background-color:#fff}.ly-showroom-host-benefit-wrapper .ly-showroom-host-benefit-inner{grid-template-columns:repeat(4,1fr);gap:calc(25 * var(--u, 1px))}.ly-showroom-host-benefit-wrapper .ly-showroom-host-benefit{background-color:#fafafa;padding:calc(22 * var(--u, 1px)) calc(31 * var(--u, 1px)) calc(22 * var(--u, 1px)) calc(26 * var(--u, 1px))}.ly-showroom-host-benefit-wrapper .ly-showroom-host-benefit .ly-showroom-host-benefit-index{color:#3336}.ly-showroom-host-benefit-wrapper .ly-showroom-host-benefit .ly-showroom-host-benefit-title{margin-top:calc(8 * var(--u, 1px))}.ly-showroom-host-benefit-wrapper .ly-showroom-host-benefit .ly-showroom-host-benefit-subtitle{margin-top:calc(14 * var(--u, 1px))}ly-showroom-host-form .ly-showroom-host-form-wrapper{margin-top:40px;padding:60px 40px}ly-showroom-host-form .ly-showroom-host-form-wrapper .ly-showroom-host-form-inner{margin-top:calc(60 * var(--u, 1px));display:flex;align-items:flex-start;gap:52px;justify-content:center;flex-wrap:wrap}ly-showroom-host-form .ly-showroom-host-form-wrapper .ly-showroom-host-form-inner .ly-showroom-host-form-item{flex:0 0 auto;width:calc(50% - 26px);margin:0!important}ly-showroom-host-form .ly-showroom-host-form-wrapper .ly-showroom-host-form-submit{margin:0 auto;margin-top:calc(60 * var(--u, 1px));width:fit-content;padding:0 20px}ly-showroom-host-form .ly-showroom-host-form-success-wrapper .ly-showroom-host-form-success-wrapper-inner{max-width:422px}ly-showroom-host-form .ly-showroom-host-form-success-wrapper .ly-showroom-host-form-success-wrapper-inner .success-title{margin-top:calc(30 * var(--u, 1px))}ly-showroom-host-form .ly-showroom-host-form-success-wrapper .ly-showroom-host-form-success-wrapper-inner .success-subtitle{margin-top:calc(16 * var(--u, 1px))}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/ly-showroom-host.css.map */