.oc-drf{--oc-drf-blue: #00a5ff;--oc-drf-blue-hover: #008ad5;--oc-drf-blue-active: #0079bb;--oc-drf-text: #2f2725;--oc-drf-muted: #464a4b;--oc-drf-border: #e0e0e0;--oc-drf-bg: #f6f6f6;--oc-drf-soft: #edf9ff;--oc-drf-white: #ffffff;color:var(--oc-drf-text)}.oc-drf *{box-sizing:border-box}.oc-drf__layout{display:grid;grid-template-columns:minmax(0,735fr) minmax(0,945fr);grid-template-rows:1fr auto;width:100%;min-height:680px;background:var(--oc-drf-bg);column-gap:30px;padding-left:max(80px,calc((100% - 1500px)/2))}.oc-drf__left{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:flex-start;padding:80px 0 24px;gap:40px}.oc-drf__right{grid-column:2;grid-row:1 / 3;position:relative;min-height:680px}.oc-drf__actions{grid-column:1;grid-row:2;padding-bottom:80px;display:flex;flex-wrap:wrap;gap:12px;align-self:start}.oc-drf__map{position:relative;width:100%;height:100%;min-height:680px}.oc-drf__map:fullscreen,.oc-drf__map:-webkit-full-screen{width:100vw!important;height:100vh!important;min-height:100vh!important;max-height:none!important;border-radius:0!important;overflow:visible!important}.oc-drf__map:fullscreen .oc-drf__host-card,.oc-drf__map:-webkit-full-screen .oc-drf__host-card{position:absolute;z-index:1000001}.oc-drf__tag{display:inline-flex;align-items:center;gap:4px;padding:5px 11px;border-radius:999px;background:var(--oc-drf-white);border:1px solid var(--oc-drf-border);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--oc-drf-muted);width:fit-content}.oc-drf__tag-icon{width:12px;height:12px;display:inline-flex;flex-shrink:0}.oc-drf__tag-icon img,.oc-drf__tag-icon svg{width:12px;height:12px;display:block}.oc-drf__intro{display:flex;flex-direction:column;gap:20px}.oc-drf__title{margin:0;font-size:36px;font-weight:700;line-height:1.2;color:var(--oc-drf-text)}.oc-drf__desc{margin:0;font-size:16px;line-height:1.35;color:var(--oc-drf-muted);max-width:735px}.oc-drf__benefits{display:flex;flex-wrap:wrap;align-items:center;gap:16px 0;list-style:none;margin:0;padding:0}.oc-drf__benefit{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--oc-drf-muted)}.oc-drf__benefit:not(:last-child):after{content:"";width:4px;height:4px;margin-left:24px;margin-right:24px;border-radius:50%;background:#2f2725;flex-shrink:0}.oc-drf__benefit-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.oc-drf__benefit-icon img,.oc-drf__benefit-icon svg{width:16px;height:16px;display:block}.oc-drf__locate{display:none;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;border-radius:8px;background:var(--oc-drf-white);border:1px solid var(--oc-drf-soft);min-height:58px}.oc-drf__locate.is-visible{display:flex}.oc-drf__locate-info{display:flex;align-items:center;gap:10px;min-width:0}.oc-drf__locate-icon{width:24px;height:24px;flex-shrink:0;color:var(--oc-drf-blue)}.oc-drf__locate-title{margin:0;font-size:16px;font-weight:700;line-height:1;color:var(--oc-drf-text)}.oc-drf__locate-text{margin:4px 0 0;font-size:14px;line-height:1.4;color:var(--oc-drf-muted)}.oc-drf__locate-btn{display:inline-flex;align-items:center;gap:4px;border:none;background:transparent;color:var(--oc-drf-blue);font-size:16px;font-weight:700;cursor:pointer;white-space:nowrap;padding:0}.oc-drf__locate-btn:hover{color:var(--oc-drf-blue-hover)}.oc-drf__search{display:flex;flex-direction:column;gap:16px}.oc-drf__search-bar{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;background:var(--oc-drf-white);border:1px solid var(--oc-drf-border)}.oc-drf__field{position:relative;flex:1;min-width:0}.oc-drf__field+.oc-drf__field:before{content:"";position:absolute;left:-5px;top:50%;transform:translateY(-50%);width:1px;height:24px;background:var(--oc-drf-border)}.oc-drf__trigger{display:flex;align-items:center;gap:8px;width:100%;min-height:48px;padding:12px 8px;border:none;border-radius:6px;background:transparent;cursor:text;text-align:left;color:var(--oc-drf-text);font-size:16px;font-weight:700;line-height:1.3}.oc-drf__trigger:hover,.oc-drf__field.is-hover .oc-drf__trigger{background:var(--oc-drf-soft)}.oc-drf__field.is-open .oc-drf__trigger{background:var(--oc-drf-soft);box-shadow:inset 0 0 0 1px var(--oc-drf-blue)}.oc-drf__trigger-icon{width:24px;height:24px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--oc-drf-text)}.oc-drf__trigger-icon svg{width:24px;height:24px;display:block}.oc-drf__trigger-input{flex:1;min-width:0;border:none;outline:none;box-shadow:none;background:transparent;padding:0;margin:0;color:var(--oc-drf-text);font:inherit;font-size:16px;font-weight:700;line-height:1.3;cursor:text;-webkit-appearance:none;appearance:none}.oc-drf__trigger-input:hover,.oc-drf__trigger-input:active,.oc-drf__trigger-input:focus,.oc-drf__trigger-input:focus-visible{border:none!important;outline:none!important;box-shadow:none!important}.oc-drf__trigger-input::placeholder{color:var(--oc-drf-text);opacity:1;font-weight:700}.oc-drf__trigger-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-drf__trigger-label.is-placeholder{color:var(--oc-drf-text)}.oc-drf__chevron{width:20px;height:20px;flex-shrink:0;transition:transform .2s ease}.oc-drf__field.is-open .oc-drf__chevron{transform:rotate(180deg)}.oc-drf__menu{display:none;position:absolute;left:0;top:calc(100% + 6px);z-index:30;width:100%;min-width:250px;max-height:262px;overflow-y:auto;background:var(--oc-drf-white);border:1px solid var(--oc-drf-border);border-radius:8px;box-shadow:0 8px 24px #2f27251f;padding:4px 0}.oc-drf__field.is-open .oc-drf__menu{display:block}.oc-drf__menu-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;cursor:pointer;font-size:14px;font-weight:600;color:var(--oc-drf-text);text-align:left;min-height:37px}.oc-drf__menu-item:hover,.oc-drf__menu-item.is-active{background:var(--oc-drf-soft);font-weight:700}.oc-drf__menu-item-main{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-drf__menu-item-sub{flex-shrink:0;font-size:12px;font-weight:600;color:var(--oc-drf-muted)}.oc-drf__menu-empty{padding:12px;font-size:14px;font-weight:600;color:var(--oc-drf-muted);text-align:center}.oc-drf__menu-arrow{width:20px;height:20px;flex-shrink:0;opacity:.6}.oc-drf__cascader{display:none;position:absolute;left:0;top:calc(100% + 6px);z-index:31;background:var(--oc-drf-white);border:1px solid var(--oc-drf-border);border-radius:8px;box-shadow:0 8px 24px #2f27251f;overflow:hidden}.oc-drf__field.is-open .oc-drf__cascader{display:flex}.oc-drf__cascader-col{width:250px;max-height:262px;overflow-y:auto;padding:4px 0}.oc-drf__cascader.has-l2 .oc-drf__cascader-col+.oc-drf__cascader-col{border-left:1px solid var(--oc-drf-border)}.oc-drf__cascader-flat{width:280px;max-height:262px;overflow-y:auto;padding:4px 0}.oc-drf__field.is-filtering .oc-drf__cascader{display:block}.oc-drf__search-btn{flex-shrink:0;min-width:125px;height:48px;padding:0 24px;border:none;border-radius:8px;background:var(--oc-drf-blue);color:var(--oc-drf-white);font-size:18px;font-weight:700;cursor:pointer}.oc-drf__search-btn:hover{background:var(--oc-drf-blue-hover)}.oc-drf__search-btn:active{background:var(--oc-drf-blue-active)}.oc-drf__cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 32px;border-radius:48px;font-size:18px;font-weight:700;text-decoration:none;transition:background .2s ease,color .2s ease}.oc-drf__cta-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.oc-drf__cta-icon img,.oc-drf__cta-icon svg{width:24px;height:24px;display:block}.oc-drf__cta--secondary{background:var(--oc-drf-white);border:1px solid var(--oc-drf-blue);color:var(--oc-drf-blue)}.oc-drf__cta--secondary:hover{background:var(--oc-drf-soft)!important;border-color:var(--oc-drf-blue-hover)!important;color:var(--oc-drf-blue-hover)!important}.oc-drf__cta--secondary:active{background:#dcf2ff!important;border-color:var(--oc-drf-blue-active)!important;color:var(--oc-drf-blue-active)!important}.oc-drf__cta--primary{background:var(--oc-drf-blue);border:1px solid var(--oc-drf-blue);color:var(--oc-drf-white)}.oc-drf__cta--primary:hover{background:var(--oc-drf-blue-hover)!important;border-color:var(--oc-drf-blue-hover)!important;color:var(--oc-drf-white)!important}.oc-drf__cta--primary:active{background:var(--oc-drf-blue-active)!important;border-color:var(--oc-drf-blue-active)!important;color:var(--oc-drf-white)!important}.oc-drf__cta-icon--mobile{display:none}.oc-drf__host-card{display:none;position:absolute;z-index:1000001;width:343px;max-width:calc(100% - 24px);padding:24px 16px 16px;border-radius:8px;border:1px solid var(--oc-drf-border);background:var(--oc-drf-white);box-shadow:0 12px 40px #2f27252e;pointer-events:auto}.oc-drf__host-card.is-open{display:block}.oc-drf__host-card.is-map-overlay{position:absolute;margin:0;will-change:left,top,transform;overscroll-behavior:contain}.oc-drf__host-close{position:absolute;top:6px;right:6px;width:20px;height:20px;border:none;background:transparent;cursor:pointer;padding:0;color:var(--oc-drf-muted)}.oc-drf__host-head{display:flex;gap:14px;align-items:center;margin-bottom:24px}.oc-drf__avatar{width:60px;height:60px;border-radius:50%;background:var(--oc-drf-blue);color:var(--oc-drf-white);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;background-size:cover;background-position:center;flex-shrink:0}.oc-drf__host-name-row{display:flex;align-items:center;gap:4px;margin-bottom:4px}.oc-drf__host-name{margin:0;font-size:24px;font-weight:700;line-height:1.2}.oc-drf__verified{width:16px;height:16px;color:var(--oc-drf-blue);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.oc-drf__verified svg{width:16px;height:16px;display:block}.oc-drf__host-addr{display:flex;align-items:center;gap:4px;margin:0;font-size:14px;color:var(--oc-drf-muted)}.oc-drf__host-addr svg{width:14px;height:14px;flex-shrink:0}.oc-drf__host-body{padding:12px;border-radius:8px;background:var(--oc-drf-bg);margin-bottom:16px}.oc-drf__host-body.is-empty{display:none}.oc-drf__host-tags{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:20px;border-bottom:1px dashed var(--oc-drf-border)}.oc-drf__host-tags:empty{display:none}.oc-drf__pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:24px;font-size:12px;font-weight:700;background:#00000014;color:var(--oc-drf-text)}.oc-drf__host-desc{margin:12px 0 0;font-size:16px;line-height:1.3;color:var(--oc-drf-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.oc-drf__host-desc.is-empty{display:none}.oc-drf__host-tags:empty+.oc-drf__host-desc{margin-top:0}.oc-drf__gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.oc-drf__gallery.is-empty{display:none}.oc-drf__gallery-item{aspect-ratio:328 / 246;border-radius:8px;overflow:hidden;background:var(--oc-drf-bg)}.oc-drf__gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.oc-drf__profile-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;border-radius:48px;border:1px solid var(--oc-drf-blue);background:var(--oc-drf-white);color:var(--oc-drf-blue);font-size:18px;font-weight:700;text-decoration:none}.oc-drf__profile-btn:hover{background:var(--oc-drf-soft)!important;border-color:var(--oc-drf-blue-hover)!important;color:var(--oc-drf-blue-hover)!important}.oc-drf__profile-btn:active{background:#dcf2ff!important;border-color:var(--oc-drf-blue-active)!important;color:var(--oc-drf-blue-active)!important}.oc-drf__modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;align-items:center;justify-content:center;background:#00000080;padding:16px}.oc-drf__modal.is-open{display:flex}.oc-drf__modal-dialog{position:relative;width:100%;max-width:540px;background:var(--oc-drf-white);border-radius:8px;padding:30px}.oc-drf__modal-close{position:absolute;top:30px;right:30px;width:24px;height:24px;border:none;background:transparent;cursor:pointer;padding:0}.oc-drf__modal-title{margin:0 0 20px;font-size:24px;font-weight:700}.oc-drf__modal-body{margin-bottom:32px;font-size:18px;line-height:1.5;color:var(--oc-drf-muted)}.oc-drf__modal-body p{margin:0}.oc-drf__modal-body p+p,.oc-drf__modal-body p+ol,.oc-drf__modal-body p+ul{margin-top:12px}.oc-drf__modal-body ol,.oc-drf__modal-body ul{padding-left:20px;margin:12px 0 0}.oc-drf__modal-body li+li{margin-top:4px}.oc-drf__modal-ok{width:100%;min-height:48px;border:none;border-radius:48px;background:var(--oc-drf-blue);color:var(--oc-drf-white);font-size:18px;font-weight:700;cursor:pointer}.oc-drf__modal-ok:hover{background:var(--oc-drf-blue-hover)}.oc-drf__empty-hint{display:none;margin:0 max(80px,calc((100% - 1500px)/2)) 12px;padding:12px 16px;border-radius:8px;background:#fff7e6;color:#8a5a00;font-size:14px}.oc-drf__empty-hint.is-visible{display:block}@media screen and (max-width:1660px)and (min-width:769px){.oc-drf__layout{min-height:68rem;column-gap:3rem;padding-left:8rem}.oc-drf__empty-hint{margin:0 8rem 1.2rem}.oc-drf__left{justify-content:flex-start;padding:8rem 0 2.4rem;gap:4rem}.oc-drf__actions{gap:1.2rem;padding-bottom:8rem}.oc-drf__right,.oc-drf__map{min-height:68rem}.oc-drf__tag{padding:.5rem 1.1rem;font-size:1.2rem;gap:.4rem}.oc-drf__tag-icon,.oc-drf__tag-icon img,.oc-drf__tag-icon svg{width:1.2rem;height:1.2rem}.oc-drf__intro{gap:2rem}.oc-drf__title{font-size:3.6rem}.oc-drf__desc{font-size:1.6rem}.oc-drf__benefits{gap:1.6rem 0}.oc-drf__benefit{gap:.6rem;font-size:1.2rem}.oc-drf__benefit:not(:last-child):after{width:.4rem;height:.4rem;margin-left:2.4rem;margin-right:2.4rem}.oc-drf__benefit-icon,.oc-drf__benefit-icon img,.oc-drf__benefit-icon svg{width:1.6rem;height:1.6rem}.oc-drf__locate{gap:1.2rem;padding:1rem 1.8rem;border-radius:.8rem;min-height:5.8rem}.oc-drf__locate-icon{width:2.4rem;height:2.4rem}.oc-drf__locate-title{font-size:1.6rem}.oc-drf__locate-text{font-size:1.4rem}.oc-drf__locate-btn{font-size:1.6rem}.oc-drf__search{gap:1.6rem}.oc-drf__search-bar{gap:1rem;padding:1rem;border-radius:.8rem}.oc-drf__trigger{min-height:4.8rem;padding:1.2rem .8rem;gap:.8rem;font-size:1.6rem;border-radius:.6rem}.oc-drf__trigger-input{font-size:1.6rem}.oc-drf__trigger-icon,.oc-drf__trigger-icon svg,.oc-drf__chevron{width:2.4rem;height:2.4rem}.oc-drf__chevron{width:2rem;height:2rem}.oc-drf__menu{top:calc(100% + .6rem);min-width:25rem;max-height:26.2rem;border-radius:.8rem;padding:.4rem 0}.oc-drf__menu-item{padding:.8rem 1.2rem;font-size:1.4rem;min-height:3.7rem}.oc-drf__cascader-col{width:25rem;max-height:26.2rem}.oc-drf__cascader-flat{width:28rem;max-height:26.2rem}.oc-drf__menu-item-sub{font-size:1.2rem}.oc-drf__menu-empty{padding:1.2rem;font-size:1.4rem}.oc-drf__search-btn{min-width:12.5rem;height:4.8rem;padding:0 2.4rem;border-radius:.8rem;font-size:1.8rem}.oc-drf__cta{min-height:4.8rem;padding:1.2rem 3.2rem;border-radius:4.8rem;gap:1rem;font-size:1.8rem}.oc-drf__cta-icon,.oc-drf__cta-icon img,.oc-drf__cta-icon svg{width:2.4rem;height:2.4rem}.oc-drf__host-card{width:34.3rem;padding:2.4rem 1.6rem 1.6rem;border-radius:.8rem}.oc-drf__avatar{width:6rem;height:6rem;font-size:3.2rem}.oc-drf__host-name{font-size:2.4rem}.oc-drf__verified,.oc-drf__verified svg{width:1.6rem;height:1.6rem}.oc-drf__host-addr{font-size:1.4rem}.oc-drf__host-body{padding:1.2rem;border-radius:.8rem;margin-bottom:1.6rem}.oc-drf__host-tags{gap:.8rem;padding-bottom:2rem}.oc-drf__pill{padding:.4rem .8rem;border-radius:2.4rem;font-size:1.2rem}.oc-drf__host-desc{margin-top:1.2rem;font-size:1.6rem}.oc-drf__gallery{gap:.8rem;margin-bottom:1.6rem}.oc-drf__profile-btn{min-height:4.6rem;border-radius:4.8rem;font-size:1.8rem}}@media screen and (max-width:768px){.oc-drf__layout{display:flex;flex-direction:column;min-height:0;background:var(--oc-drf-white);column-gap:0;row-gap:0;gap:0;padding-left:1.6rem;padding-right:1.6rem}.oc-drf__empty-hint{margin:0 1.6rem 1.2rem}.oc-drf__left{width:100%;padding:3rem 0 0;gap:3rem;justify-content:flex-start;margin-bottom:0}.oc-drf__right{width:100%;min-height:0;margin-top:3rem}.oc-drf__actions{width:100%;gap:.8rem;padding:3rem 0 0}.oc-drf__map{min-height:48rem;height:48rem;border-radius:.8rem;overflow:hidden}.oc-drf__map:fullscreen,.oc-drf__map:-webkit-full-screen{width:100vw!important;height:100vh!important;min-height:100vh!important;max-height:none!important;border-radius:0!important;overflow:visible!important}.oc-drf__title{font-size:2.4rem}.oc-drf__desc{font-size:1.6rem}.oc-drf__benefits{flex-direction:column;align-items:flex-start;gap:.8rem}.oc-drf__benefit:not(:last-child):after{display:none}.oc-drf__benefit{font-size:1.4rem}.oc-drf__locate{padding:1.2rem 1.6rem;align-items:flex-start}.oc-drf__locate-title{font-size:1.6rem}.oc-drf__locate-text{font-size:1.4rem}.oc-drf__locate-btn{font-size:1.4rem;margin-top:1.4rem}.oc-drf__search{margin-bottom:0}.oc-drf__search>.swiper-pagination,.oc-drf__search>.flickity-page-dots,.oc-drf .swiper-pagination,.oc-drf .flickity-page-dots{display:none!important}.oc-drf__search-bar{flex-direction:column;align-items:stretch;gap:0;padding:1rem;margin-bottom:0}.oc-drf__field{width:100%}.oc-drf__field+.oc-drf__field:before{left:0;right:0;top:0;width:100%;height:1px;transform:none}.oc-drf__field+.oc-drf__field{padding-top:1rem}.oc-drf__cascader{left:0;right:0;width:100%;flex-direction:column}.oc-drf__cascader-col{width:100%;max-height:18rem}.oc-drf__cascader-flat{width:100%;max-height:24rem}.oc-drf__cascader-col+.oc-drf__cascader-col,.oc-drf__cascader.has-l2 .oc-drf__cascader-col+.oc-drf__cascader-col{border-left:none;border-top:1px solid var(--oc-drf-border)}.oc-drf__search-btn{width:100%;margin-top:1rem;min-width:0;font-size:1.6rem}.oc-drf__cta{flex:1;min-width:0;padding:1.2rem 1.6rem;font-size:1.6rem}.oc-drf__cta-icon--desktop{display:none}.oc-drf__cta-icon--mobile{display:inline-flex}.oc-drf__host-card{width:23.3rem;max-width:calc(100% - 2.4rem);padding:2.4rem 1.4rem 1.4rem}.oc-drf__host-card.is-map-overlay{max-width:23.3rem}.oc-drf__host-head{gap:.8rem;margin-bottom:1.2rem}.oc-drf__avatar{width:4.4rem;height:4.4rem;font-size:2.2rem}.oc-drf__host-name{font-size:2rem}.oc-drf__host-addr{font-size:1.4rem}.oc-drf__host-body{padding:.8rem;margin-bottom:1.2rem}.oc-drf__host-tags{gap:.8rem;padding-bottom:.8rem}.oc-drf__host-desc{margin-top:.8rem;font-size:1.4rem;-webkit-line-clamp:3}.oc-drf__gallery{gap:.8rem;margin-bottom:1.2rem}.oc-drf__gallery-item{aspect-ratio:63 / 47.25;border-radius:.4rem}.oc-drf__profile-btn{min-height:4rem;font-size:1.6rem;border-radius:999px}.oc-drf__modal-dialog{padding:3rem;width:34.3rem}.oc-drf__modal-title{font-size:2rem}.oc-drf__modal-body{font-size:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/208/assets/oc-demo-room-finder.css.map */