.pod-pc,.pod-mb{display:none}pod-editor{font-family:sans-serif}.pod-wapper__header{position:relative;display:flex;align-items:center;justify-content:center;height:50px}.pod-wapper__header .pod-logo img{height:40px}.pod-wapper__header .pod-close{cursor:pointer;width:14px;height:14px;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;right:35px;transform:translateY(-50%)}.pod-wapper__header .pod-close svg{width:100%;height:100%}.pod-backgroud{height:calc(-124px + 100vh)}.pod-backgroud__wall{height:80.9%}.pod-backgroud__wall img{display:block;height:100%;object-fit:cover;object-position:bottom right}.pod-backgroud__floor{height:19.5%}.pod-backgroud__floor img{display:block;height:100%;object-fit:cover;object-position:top right}.pod-wapper__body{position:relative}.pod-editor{position:absolute;top:0;width:100%;height:calc(-124px + 100vh)}.pod-editor__content{height:calc(80.9% + 50px)}.pod-image__cover img{height:100%;object-fit:contain;object-position:center}.pod-editor__progress{display:flex;justify-content:center;align-items:center;height:64px;position:relative}.progress-action{position:absolute;bottom:20px;display:flex;justify-content:space-between;align-items:center;width:90%;left:5%}.progress-action__btn{cursor:pointer;font-size:14px;display:flex;align-items:center;gap:5px;font-weight:700;pointer-events:none;visibility:hidden;opacity:0}.progress-action__btn.progress-action--active{pointer-events:all;visibility:visible;opacity:1}.progress-action__btn svg{width:14px;height:14px}.progress-item{cursor:pointer;position:relative;opacity:.3;pointer-events:none}.progress-item.pod-step--active{opacity:1;pointer-events:all}.progress-item__top{display:flex;align-items:center;gap:5px;text-transform:uppercase;font-size:13px;font-weight:700;position:relative}.progress-item__top .progress-item__top-title{display:flex;gap:10px;position:relative;z-index:2;background:#fff;padding-right:10px}.progress-item__top .progress-item__line{position:absolute;border:1px solid #000;width:90%;left:5%;z-index:1}.pod-editor__progress__item.progress-item:last-child .progress-item__line{display:none}.progress-item__bottom{position:absolute;left:24px;font-size:12px;-webkit-line-clamp:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:-4px;max-width:90px}.progress-item__number{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background-color:#202020;border-radius:5px;color:#fff}.pod-content{padding:30px;display:none}.pod-content,.pod-image,.pod-image__cover{height:100%}.pod-content__left{width:60%}.pod-content__right{width:40%;max-width:400px;padding-top:50px}.pod-content__right .pod-content__step{font-size:11px}.pod-content__right .pod-content__title{font-size:30px;line-height:1.3}.pod-content.pod-step--active{display:flex}.input-error{font-size:12px;color:#be3455}div.pod-header{padding:40px 50px 0;--swiper-pagination-color: #be3455}.pod-header .btn-nav-swiper{width:35px;height:35px}.pod-header .swiper-button-next:after,.pod-header .swiper-rtl .swiper-button-prev:after,.pod-header .swiper-button-prev:after,.pod-header .swiper-rtl .swiper-button-next:after{content:""}.header-slide{border-radius:5px;overflow:hidden;background:#fff;cursor:pointer;border:1px solid transparent;max-width:200px}.header-slide img{width:100%;height:100%;object-fit:cover;aspect-ratio:8 / 9}.header-slide__text{padding:15px;font-size:13px;text-align:center;min-height:150px;background-color:#fff}.pod-header .swiper-tool{height:40px;display:grid;align-items:center;margin-top:20px}.pod-header .swiper-navigation{display:grid;justify-content:space-between;position:absolute;width:100%}.pod-header .swiper-button-prev svg{transform:rotate(-180deg)}pod-editor .input-group{position:relative;display:block;width:160px;margin-top:30px}pod-editor .input-group input{background:#fff;border-radius:5px;border:1px solid #D5D5D5;width:160px;height:auto;margin:0;padding:10px 70px 10px 15px;font-size:13px}pod-editor .input-group input:focus{outline:none}pod-editor .input-group .measure-text{position:absolute;top:50%;right:15px;transform:translateY(-50%);font-size:13px;font-weight:400}pod-editor button{margin-top:20px;color:#fff;--solid-button-background: #be3455;border-radius:5px;font-size:13px;font-weight:600;text-align:center;text-transform:uppercase;padding:15px 35px;height:auto;-webkit-appearance:none;appearance:none;letter-spacing:var(--button-letter-spacing, .02em);border:1px solid var(--solid-button-background, var(--color-accent));background:var(--solid-button-background, var(--color-accent))}pod-editor button:hover{background-color:#fff;color:var(--solid-button-background)}pod-editor .option-item{background:#fff;padding:15px;font-size:12px;margin:10px 0;border-radius:5px;border:1px solid transparent;cursor:pointer}pod-editor .option-item.option-item--active{border-color:#000}pod-editor .option-item__title{font-weight:700;font-size:13px}.header-slide.header-slide--active,.option-item.option-item--active{border-color:#000}.pod-reset{display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer}.pod-reset svg{width:11px;height:11px;margin-right:10px}button.pod-shop{display:block;margin:10px auto}.pod-summary{max-width:330px}.pod-summary__item{display:flex;width:100%;padding:5px 0;font-size:13px;border-bottom:1px solid #d5d5d5;max-width:350px}.pod-summary__item__title{width:50%;font-weight:700}span.pod-summary__title{font-size:34px}.pod-summary .pod-shop{width:100%;max-width:330px;margin:20px 0}.pod-summary__container-left{display:none}@media screen and (max-width: 1200px){.header-slide__text{min-height:180px}}@media screen and (min-width: 900px){.pod-pc{display:block!important}.progress-item{width:calc(100% / 6 - 30px)}}@media screen and (max-width: 899.9px){.pod-mb{display:block!important}.pod-wapper__header{position:relative;display:flex;align-items:center;justify-content:space-between;height:50px;padding:0 20px 0 10px;border-bottom:1px solid #000}.pod-head_progress{display:flex;width:calc(100% - 30px);overflow-x:scroll;height:100%;border-right:1px solid #b3b3b3;flex-wrap:nowrap;align-items:center;gap:10px}.pod-head_progress::-webkit-scrollbar{display:none}.progress-item{min-width:auto}.progress-item__top{width:max-content}.progress-item__bottom{display:none}.pod-content.pod-step--active{display:block}.pod-content__step{font-size:11px;text-align:center}.pod-content__title{font-size:26px;text-align:center}.pod-content__desc{font-size:13px;text-align:center;margin-bottom:20px}div.pod-header{padding:0}pod-editor .option-item{border:1px solid #ddd;cursor:pointer;display:flex;padding:0;align-items:center}pod-editor .option-item .option-item__image{width:100px;overflow:hidden;margin:0}.option-item__content{display:flex;align-items:flex-start;flex-wrap:wrap;justify-content:flex-start;padding:10px;width:calc(100% - 100px);flex-direction:column}.pod-editor{position:relative}.pod-mb.pod-container{min-height:100vh;overflow-y:scroll;scroll-behavior:smooth}.pod-wapper__header .pod-close{top:50%;right:20px;transform:translateY(-50%)}.pod-image{margin-left:-30px;width:calc(100% + 60px);position:relative}.pod-image__bg img{height:100%;max-height:300px}.pod-image__cover{position:absolute;top:0}[data-type=width] .pod-image__cover,[data-type=height] .pod-image__cover{height:258px;width:auto;position:absolute;top:0;left:50%;transform:translate(-50%)}[data-type=header] .pod-image__cover{position:relative;top:0}.pod-image__cover img{width:100%;height:100%;object-fit:cover}pod-editor .input-group{position:relative;display:block;width:160px;margin:30px auto 15px}pod-editor .next-button{display:block;margin:0 auto}.pod-summary{max-width:100%}.pod-summary .pod-image__cover img{width:100%;height:100%;object-fit:cover}.pod-panel .pod-image__cover img,.pod-fullness .pod-image__cover img,.pod-finished_length .pod-image__cover img{width:100px;height:108px;object-fit:cover}.pod-summary__container-left{display:block;width:50%}.pod-summary__container-right{width:50%}.pod-summary__item__title{width:100%}.pod-summary .pod-shop{max-width:100%}.pod-summary__container{display:flex;gap:20px}.pod-summary__item{flex-direction:column}.pod-summary__container-left .pod-image{width:100%;margin-left:0;max-height:180px}.input-error{width:160px;margin:-10px auto 10px}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/pod.css.map */