.sr_only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .us-section{position:relative;isolation:isolate;transition:outline .15s} .us-cv{content-visibility:auto;contain-intrinsic-size:auto 700px} @media(max-width:900px){.us-section{padding-top:calc(var(--us-pad) * .5) !important;padding-bottom:calc(var(--us-pad) * .5) !important}} @media(max-width:768px){ .us-section[style*="--us-pl-mo"]{padding-left:var(--us-pl-mo)!important} .us-section[style*="--us-pr-mo"]{padding-right:var(--us-pr-mo)!important} .us-section[style*="--us-w-mo"] .us-sec-inner-wrap, .us-section[style*="--us-w-mo"] .us-sec-head-wrap, .us-section[style*="--us-w-mo"] .us-sec-sided{width:var(--us-w-mo)!important} .us-sec-inner-wrap[style*="--us-ml-mo"], .us-sec-head-wrap[style*="--us-ml-mo"], .us-sec-sided[style*="--us-ml-mo"]{margin-left:var(--us-ml-mo)!important} .us-sec-inner-wrap[style*="--us-mr-mo"], .us-sec-head-wrap[style*="--us-mr-mo"], .us-sec-sided[style*="--us-mr-mo"]{margin-right:var(--us-mr-mo)!important} } .us-sec-sided{ display:grid; grid-template-columns:var(--us-head-pos-w, 30%) 1fr; gap:60px; align-items:start; } .us-sec-sided > .us-sec-head-wrap, .us-sec-sided > .us-sec-inner-wrap{ min-width:0; width:auto; max-width:none; margin:0; } .us-sec-sided .us-sec-head{margin-bottom:0} .us-sec-sided-sticky > .us-sec-head-wrap{position:sticky;top:100px;align-self:start} @media(max-width:900px){ .us-sec-sided{grid-template-columns:1fr;gap:24px} .us-sec-sided .us-sec-head{margin-bottom:24px} .us-sec-sided-sticky > .us-sec-head-wrap{position:static;top:auto} } body.mt-edit .us-section:hover{outline:2px dashed rgba(124,58,237,.4)} .mt-sec-edit-overlay{display:flex;position:absolute;bottom:16px;right:16px;gap:6px;z-index:9990;pointer-events:none;align-items:center;opacity:0;transition:opacity .15s} .us-section:hover .mt-sec-edit-overlay{opacity:1;pointer-events:auto} body.mt-edit .mt-sec-edit-overlay{opacity:1;pointer-events:auto} .mt-sec-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:58px;height:28px;font-size:11px;font-weight:700;border-radius:4px;border:none;cursor:pointer;letter-spacing:.02em;backdrop-filter:blur(6px);transition:background .15s;white-space:nowrap} .mt-sec-btn svg{flex-shrink:0} .mt-sec-btn-img{background:rgba(26,115,232,.92);color:#fff} .mt-sec-btn-img:hover{background:#1a73e8} .mt-sec-btn-clone{background:rgba(51,65,85,.92);color:#e2e8f0} .mt-sec-btn-clone:hover{background:rgba(71,85,105,.95)} .mt-sec-btn-del{background:rgba(153,27,27,.92);color:#fff} .mt-sec-btn-del:hover{background:#991b1b} .mcp-item-head-act{display:flex;gap:3px;flex-shrink:0;align-items:center} .mcp-item-act-btn{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:4px;border:none;cursor:pointer;flex-shrink:0} .mcp-item-act-clone{background:#2d1f5e;color:#a78bfa} .mcp-item-act-clone:hover{background:#7c3aed;color:#fff} .mcp-item-act-del{background:#3b1c1c;color:#f87171} .mcp-item-act-del:hover{background:#991b1b;color:#fff} [data-mt-f]{cursor:pointer} body.mt-edit [data-mt-f]{outline:1px dashed rgba(124,58,237,.3);outline-offset:3px;border-radius:2px} body.mt-edit [data-mt-f]:hover{outline:2px solid rgba(124,58,237,.6)} body.mt-edit [data-mt-f]:empty{display:inline-block;min-width:80px;min-height:1.2em} body.mt-edit [data-mt-f]:empty::before{content:'클릭해서 입력';color:rgba(124,58,237,.5);font-size:.85em;pointer-events:none;font-weight:400} [data-mt-f][contenteditable=true]{outline:2px solid #7c3aed !important;border-radius:2px;min-width:10px;min-height:1.2em;cursor:text;background:rgba(124,58,237,.04)} [data-mt-f][contenteditable=true]:empty::before{content:''} span[data-mt-f][contenteditable=true]{display:inline-block} h1[data-mt-f][contenteditable=true],h2[data-mt-f][contenteditable=true],h3[data-mt-f][contenteditable=true],p[data-mt-f][contenteditable=true]{display:block} #mt-inline-toolbar{position:absolute;display:none;z-index:99999;background:#1a1a1a;border-radius:8px;padding:4px;align-items:center;gap:2px;box-shadow:0 6px 24px rgba(0,0,0,.35);font-family:'Pretendard',sans-serif;animation:mti-pop .15s ease-out} #mt-inline-toolbar.is-on{display:inline-flex} #mt-inline-toolbar .mti-hint{padding:0 10px 0 12px;color:#888;font-size:11px;letter-spacing:.02em;border-right:1px solid #333;margin-right:2px;height:18px;display:flex;align-items:center} #mt-inline-toolbar .mti-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 11px;border:none;background:transparent;color:#ddd;font-size:12px;font-weight:600;border-radius:5px;cursor:pointer;transition:background .12s,color .12s;font-family:inherit;letter-spacing:.02em} #mt-inline-toolbar .mti-btn svg{flex-shrink:0} #mt-inline-toolbar .mti-confirm{color:#86efac} #mt-inline-toolbar .mti-confirm:hover{background:#16a34a;color:#fff} #mt-inline-toolbar .mti-cancel{color:#fca5a5} #mt-inline-toolbar .mti-cancel:hover{background:#dc2626;color:#fff} @keyframes mti-pop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}} .us-sec-head{margin-bottom:var(--us-head-mb,48px)} .us-sec-head.sh-left{text-align:left} .us-sec-head.sh-center{text-align:center} .us-sec-head.sh-right{text-align:right} .sh-center .us-sec-desc,.sh-center .us-sec-cta{margin-left:auto;margin-right:auto} .sh-right .us-sec-desc,.sh-right .us-sec-cta{margin-left:auto} @media(max-width:768px){ .us-sec-head[style*="--us-head-mb-mo"]{margin-bottom:var(--us-head-mb-mo)} .us-sec-head.sh-mo-left{text-align:left!important} .us-sec-head.sh-mo-center{text-align:center!important} .us-sec-head.sh-mo-right{text-align:right!important} .sh-mo-center .us-sec-desc,.sh-mo-center .us-sec-cta{margin-left:auto!important;margin-right:auto!important} .sh-mo-right .us-sec-desc,.sh-mo-right .us-sec-cta{margin-left:auto!important;margin-right:0!important} .sh-mo-left .us-sec-desc,.sh-mo-left .us-sec-cta{margin-left:0!important;margin-right:auto!important} } .us-sec-eyebrow{letter-spacing:.18em;margin-bottom:12px;display:block} .us-sec-title{letter-spacing:-.02em;line-height:1.2} .us-sec-desc{margin-top:14px;opacity:.7;line-height:1.7;max-width:560px} .us-sec-cta{display:inline-flex;align-items:center;gap:6px;margin-top:24px;text-decoration:none;font-weight:500;letter-spacing:.06em;border-bottom:1px solid currentColor;padding-bottom:2px;transition:opacity .2s;color:inherit} .us-sec-cta:hover{opacity:.6} .us-sec-cta:focus-visible{outline:2px solid var(--main,#c9a96e);outline-offset:4px} .us-card{display:block;text-decoration:none;color:inherit;cursor:pointer;overflow:hidden;border-radius:var(--us-cr,8px);position:relative} .us-card:focus-visible{outline:2px solid var(--main,#c9a96e);outline-offset:4px;border-radius:4px} .us-card-media{position:relative;overflow:hidden;border-radius:var(--us-cr,8px)} .us-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.16,1,.3,1)} .us-card-media img,.us-card-media video{filter:var(--us-mf,none)} .us-card-media video{width:100%;height:100%;object-fit:cover;display:block} .us-section[style*="--sec-mh-pc"]{min-height:var(--sec-mh-pc) !important} @media(max-width:768px){ .us-section[style*="--sec-mh-mo"]{min-height:var(--sec-mh-mo) !important} } .us-section[style*="--sec-mh-pc"] .us-fullscreen, .us-section[style*="--sec-mh-pc"] .us-fullscreen .embla__slide{height:var(--sec-mh-pc) !important;min-height:var(--sec-mh-pc) !important} .us-section[style*="--sec-mh-pc"] .us-fullscreen .us-card-media{min-height:var(--sec-mh-pc) !important} @media(max-width:768px){ .us-section[style*="--sec-mh-mo"] .us-fullscreen, .us-section[style*="--sec-mh-mo"] .us-fullscreen .embla__slide{height:var(--sec-mh-mo) !important;min-height:var(--sec-mh-mo) !important} .us-section[style*="--sec-mh-mo"] .us-fullscreen .us-card-media{min-height:var(--sec-mh-mo) !important} } .us-card-media .us-pc-only, .us-card-media .us-mb-only{position:absolute !important;top:0;right:0;bottom:0;left:0;inset:0 !important;width:100% !important;height:100% !important} .us-card-media .us-pc-only{object-fit:cover !important} .us-card-media .us-mb-only > img{width:100% !important;height:100% !important;object-fit:cover !important;display:block} .us-card-media .us-pc-only{display:block !important} .us-card-media .us-mb-only{display:none !important} @media(max-width:768px){ .us-card-media .us-pc-only{display:none !important} .us-card-media .us-mb-only{display:block !important} } .us-card.is-hover .us-card-media img{transform:scale(1.05)} .us-card-media::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,rgba(0,0,0,.18) 40%,transparent 70%);opacity:0;transition:opacity .45s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:1;border-radius:inherit} .us-card.is-hover .us-card-media::after{opacity:1} @media(prefers-reduced-motion:reduce){.us-card-media img{transition:none}.us-card-media::after{transition:none}} .us-shape-circle .us-card-media{border-radius:50% !important;aspect-ratio:1/1 !important} .us-shape-round .us-card-media{border-radius:12px !important} .us-shadow .us-card-media{box-shadow:0 8px 32px rgba(0,0,0,.12)} .us-card-al-left .us-card-body{text-align:left} .us-card-al-center .us-card-body{text-align:center} .us-card-al-right .us-card-body{text-align:right} .us-card-al-left .us-card-overlay{align-items:flex-start;text-align:left} .us-card-al-center .us-card-overlay{align-items:center;text-align:center} .us-card-al-right .us-card-overlay{align-items:flex-end;text-align:right} @media(max-width:600px){ .us-card-al-mo-left .us-card-body{text-align:left!important} .us-card-al-mo-center .us-card-body{text-align:center!important} .us-card-al-mo-right .us-card-body{text-align:right!important} .us-card-al-mo-left .us-card-overlay{align-items:flex-start!important;text-align:left!important} .us-card-al-mo-center .us-card-overlay{align-items:center!important;text-align:center!important} .us-card-al-mo-right .us-card-overlay{align-items:flex-end!important;text-align:right!important} .us-card-al-mo-left .us-card-chips{margin-left:0!important;margin-right:auto!important;justify-content:flex-start!important} .us-card-al-mo-center .us-card-chips{margin-left:auto!important;margin-right:auto!important;justify-content:center!important} .us-card-al-mo-right .us-card-chips{margin-left:auto!important;margin-right:0!important;justify-content:flex-end!important} } .us-align-center .us-card-body{text-align:center} .us-align-center .us-card-overlay{align-items:center;text-align:center} .us-card-dim{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:1;pointer-events:none} @media(min-width:769px){.us-card-dim[data-dim-pc="0"]{display:none}} @media(max-width:768px){.us-card-dim[data-dim-mo="0"]{display:none}} @property --us-ov-hv{syntax:'<length>';inherits:false;initial-value:0px} .us-card-overlay{position:absolute;left:var(--us-cth,0%);right:auto;top:var(--us-ctv,100%);bottom:auto;max-width:100%;box-sizing:border-box;transform:translate(calc(-1 * var(--us-cth,0%)),calc(-1 * var(--us-ctv,100%))) translateY(var(--us-ov-hv,0px));display:flex;flex-direction:column;padding:var(--us-cpad,20px 24px);z-index:2} @media(max-width:768px){ .us-section[style*="--us-cpad-mo"] .us-card-overlay, .us-section[style*="--us-cpad-mo"] .us-card-body{padding:var(--us-cpad-mo)} } @media(max-width:600px){ .us-card-overlay{left:var(--us-cth-mo,var(--us-cth,0%));top:var(--us-ctv-mo,var(--us-ctv,100%));transform:translate(calc(-1 * var(--us-cth-mo,var(--us-cth,0%))),calc(-1 * var(--us-ctv-mo,var(--us-ctv,100%)))) translateY(var(--us-ov-hv,0px))} } .us-text-light{color:rgba(255,255,255,.92)} .us-text-light .us-card-eyebrow{opacity:.85} .us-text-dark{color:#1a1a1a} .us-card-body{padding:var(--us-cpad,14px 0 6px)} .us-card-eyebrow{letter-spacing:.12em;margin-bottom:6px;display:block;opacity:.7} .us-card-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;width:-webkit-max-content;width:max-content;max-width:100%} .us-card-chips-d{margin-bottom:0;margin-top:8px} .us-chip{display:inline-flex;align-items:center;padding:.34em .82em;border:1px solid currentColor;border-radius:999px;line-height:1.2;letter-spacing:.02em;white-space:nowrap;opacity:.9} .us-card-al-center .us-card-chips,.us-align-center .us-card-chips{margin-left:auto;margin-right:auto;justify-content:center} .us-card-al-right .us-card-chips{margin-left:auto;justify-content:flex-end} .us-card-title{letter-spacing:-.01em;line-height:1.35} .us-card-desc{margin-top:6px;line-height:1.6;opacity:.7} br.hbr-m{display:none} @media(max-width:768px){ br.hbr-m{display:inline} br.hbr-p{display:none} } .us-ct-anim.us-ct-ready .us-card-eyebrow,.us-ct-anim.us-ct-ready .us-card-chips, .us-ct-anim.us-ct-ready .us-card-title,.us-ct-anim.us-ct-ready .us-card-desc,.us-ct-anim.us-ct-ready .us-card-btn{ opacity:0;transform:translateY(var(--us-ct-dist,16px)); transition:opacity var(--us-ct-spd,.7s) cubic-bezier(.16,1,.3,1),transform var(--us-ct-spd,.7s) cubic-bezier(.16,1,.3,1); transition-delay:var(--us-ct-d0,0ms)} .us-ct-anim .us-card-eyebrow,.us-ct-anim .us-card-chips{--us-ct-d0:0ms} .us-ct-anim .us-card-title{--us-ct-d0:var(--us-ct-del,120ms)} .us-ct-anim .us-card-desc,.us-ct-anim .us-card-chips-d{--us-ct-d0:calc(var(--us-ct-del,120ms) * 2)} .us-ct-anim .us-card-btn{--us-ct-d0:calc(var(--us-ct-del,120ms) * 3)} .us-ct-extra.us-ct-ready .us-card-title{opacity:1;transform:none;transition:none} .us-ct-extra .us-card-desc,.us-ct-extra .us-card-chips-d{--us-ct-d0:var(--us-ct-del,120ms)} .us-ct-anim.us-ct-ready .embla__slide.is-ctactive .us-card-eyebrow, .us-ct-anim.us-ct-ready .embla__slide.is-ctactive .us-card-chips, .us-ct-anim.us-ct-ready .embla__slide.is-ctactive .us-card-title, .us-ct-anim.us-ct-ready .embla__slide.is-ctactive .us-card-desc, .us-ct-anim.us-ct-ready .embla__slide.is-ctactive .us-card-btn{opacity:1;transform:none} .us-card-title,.us-card-eyebrow,.us-card-desc,.us-card-date,.us-split-title, .us-ho-title,.us-ho-desc,.us-ho-eyebrow, .us-sec-title,.us-sec-desc,.us-sec-eyebrow{word-break:keep-all;overflow-wrap:break-word} .us-card-date{margin-top:6px;opacity:.45} .us-card-btn{display:inline-flex;align-items:center;gap:6px;margin-top:10px;text-decoration:none;color:inherit;transition:gap .2s} .us-card-btn::after{content:'→';font-size:.9em;transition:transform .2s} .us-card-btn:hover::after{transform:translateX(4px)} .us-card-btn:focus-visible{outline:2px solid var(--main,#c9a96e);outline-offset:3px} .us-card-overlay .us-card-btn{pointer-events:none} .us-card.us-text-hover .us-card-body{opacity:0;transform:translateY(8px);transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1)} .us-card.us-text-hover.is-hover .us-card-body{opacity:1;transform:translateY(0)} .us-card.us-text-hover .us-card-overlay{opacity:0;--us-ov-hv:8px;transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1)} .us-card.us-text-hover.is-hover .us-card-overlay{opacity:1;--us-ov-hv:0px} @media(prefers-reduced-motion:reduce){.us-card.us-text-hover .us-card-body{transition:none;opacity:1;transform:none}.us-card.us-text-hover .us-card-overlay{transition:none;opacity:1;--us-ov-hv:0px}} .us-yt-play{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;z-index:3} .us-card.is-hover .us-yt-play{opacity:1} .us-yt-play svg{width:64px;height:45px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4));transition:transform .2s cubic-bezier(.16,1,.3,1)} .us-card.is-hover .us-yt-play svg{transform:scale(1.1)} .us-card-media-blank{display:flex;align-items:center;justify-content:center} .us-double-media{display:grid;grid-template-columns:1fr 1fr;gap:4px;overflow:hidden} .us-double-img{overflow:hidden} .us-double-img img{width:100%;height:100%;object-fit:cover;display:block} .us-compare{position:relative;overflow:hidden;--pct:50%;user-select:none} .us-compare > img{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;width:100%;height:100%;object-fit:cover;display:block} .us-compare-before{z-index:1;clip-path:inset(0 calc(100% - var(--pct)) 0 0)} .us-compare-after{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:0} .us-compare-after img{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;width:100%;height:100%;object-fit:cover} .us-compare-handle{position:absolute;top:0;bottom:0;left:var(--pct);width:3px;background:#fff;transform:translateX(-50%);cursor:col-resize;touch-action:none;z-index:2} .us-compare-handle-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:#333;font-size:16px;box-shadow:0 2px 8px rgba(0,0,0,.3)} .us-split{display:flex !important;flex-direction:row !important;align-items:stretch !important} .us-split-rev{flex-direction:row-reverse !important} .us-split-media{flex:0 0 50%;overflow:hidden} .us-split-media img{width:100%;height:100%;object-fit:cover;display:block} .us-split-body{flex:0 0 50%;padding:60px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center} .us-split-eyebrow{letter-spacing:.15em;margin-bottom:14px;display:block;opacity:.7} .us-split-title{letter-spacing:-.02em;line-height:1.2;margin-bottom:20px} .us-split-desc{line-height:1.75;opacity:.8;margin-bottom:28px} .us-split-cta{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-weight:500;letter-spacing:.06em;border-bottom:1px solid currentColor;padding-bottom:2px;transition:opacity .2s;color:inherit} .us-split-cta:hover{opacity:.6} .us-split-cta:focus-visible{outline:2px solid var(--main,#c9a96e);outline-offset:4px} @media(max-width:900px){.us-split,.us-split-rev{flex-direction:column !important}.us-split-media{flex:0 0 auto}.us-split-body{flex:0 0 auto;padding:40px 20px}} .us-embla-vp{overflow:hidden} .embla__container{display:flex;touch-action:pan-y pinch-zoom} .embla__slide{flex:0 0 calc((100% - var(--us-gap,0px) * (var(--us-per,1) - 1)) / var(--us-per,1));min-width:0} @media(max-width:600px){ .embla[data-us-rows-mo="2"] .embla__container, .embla[data-us-rows-mo="3"] .embla__container{ flex-wrap:wrap; align-content:flex-start; row-gap:var(--us-gap,0px); } .embla[data-us-rows-mo="2"] .embla__slide{height:calc((100% - var(--us-gap,0px)) / 2)} .embla[data-us-rows-mo="3"] .embla__slide{height:calc((100% - var(--us-gap,0px) * 2) / 3)} } @media(min-width:601px){ .embla[data-us-rows="2"] .embla__container, .embla[data-us-rows="3"] .embla__container{ flex-wrap:wrap; align-content:flex-start; row-gap:var(--us-gap,0px); } .embla[data-us-rows="2"] .embla__slide{height:calc((100% - var(--us-gap,0px)) / 2)} .embla[data-us-rows="3"] .embla__slide{height:calc((100% - var(--us-gap,0px) * 2) / 3)} } @media(max-width:900px){ .embla__slide{flex:0 0 calc((100% - var(--us-gap,0px) * (var(--us-per-mo,1) - 1)) / var(--us-per-mo,1))} } .us-slide-pad{padding:0 calc(var(--us-gap,0px) / 2)} .us-fullscreen{position:relative;height:85vh;min-height:480px;overflow:hidden;width:var(--us-hero-w,100%);margin-left:auto;margin-right:auto} @supports(height:1svh){.us-fullscreen{height:85svh}} .us-fullscreen .us-embla-vp{height:100%;overflow:hidden} .us-fullscreen .embla__container{height:100%} .us-fullscreen .embla__slide{position:relative;height:85vh;min-height:480px;padding:0;overflow:hidden;flex-shrink:0} @supports(height:1svh){.us-fullscreen .embla__slide{height:85svh}} .us-fullscreen .embla__slide .us-card{height:100%;border-radius:0 !important;position:relative;background:transparent !important} .us-fullscreen .us-card-media{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;height:100% !important;width:100% !important;aspect-ratio:unset !important} .us-fullscreen .us-card-media img,.us-fullscreen .us-card-media video{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform var(--us-kb-dur,7s) cubic-bezier(0,.1,.2,1)} .us-fullscreen .us-card-media video{transition:none} .us-fullscreen .embla__slide.kb-active .us-card-media img{transform:scale(var(--us-kb-scale,1.15))} @keyframes hvKbZoomIn{from{transform:scale(1)}to{transform:scale(var(--us-kb-scale,1.15))}} .us-kb-out .us-fullscreen .embla__slide.kb-active .us-card-media img{transform:none;animation:hvKbZoomOut var(--us-kb-dur,7s) cubic-bezier(0,.1,.2,1) forwards} @keyframes hvKbZoomOut{from{transform:scale(var(--us-kb-scale,1.15))}to{transform:scale(1)}} .us-kb-pan .us-fullscreen .embla__slide.kb-active .us-card-media img{transform:none;animation:hvKbPan var(--us-kb-dur,7s) cubic-bezier(0,.1,.2,1) forwards} @keyframes hvKbPan{from{transform:scale(var(--us-kb-scale,1.12)) translateX(-2%)}to{transform:scale(var(--us-kb-scale,1.12)) translateX(2%)}} .us-kb-fade .us-fullscreen .embla__slide.kb-active .us-card-media img{transform:none;animation:hvKbFade var(--us-kb-dur,7s) cubic-bezier(.16,1,.3,1) forwards} @keyframes hvKbFade{from{opacity:.8;transform:scale(var(--us-kb-scale,1.08))}to{opacity:1;transform:scale(1)}} .us-kb-off .us-fullscreen .us-card-media img,.us-kb-off .us-fullscreen .embla__slide.kb-active .us-card-media img{animation:none !important;transform:scale(1) !important;opacity:1 !important} .us-fullscreen .us-card-media.us-kb-lcpstatic img{animation:none !important;transform:scale(1) !important;opacity:1 !important} .us-fullscreen .us-card-media.us-kb-lcpgo img{animation:hvKbZoomIn var(--us-kb-dur,7s) cubic-bezier(0,.1,.2,1) forwards} .us-kb-out .us-fullscreen .us-card-media.us-kb-lcpgo img{animation-name:hvKbZoomOut} .us-kb-pan .us-fullscreen .us-card-media.us-kb-lcpgo img{animation-name:hvKbPan} .us-kb-fade .us-fullscreen .us-card-media.us-kb-lcpgo img{animation-name:hvKbFade;animation-timing-function:cubic-bezier(.16,1,.3,1)} .us-kb-off .us-fullscreen .us-card-media.us-kb-lcpgo img{animation:none !important;transform:scale(1) !important} @media(prefers-reduced-motion:reduce){.us-fullscreen .us-card-media img{transition:none;animation:none !important;transform:none !important;opacity:1 !important}} @media(max-width:768px){.us-fullscreen .us-card-media img{transition:none !important;transform:translateZ(0) !important;will-change:transform;animation:none !important;opacity:1 !important}} .us-fullscreen .us-hero-content{position:absolute;left:5%;right:5%;top:50%;transform:translateY(-50%);z-index:5} @media(max-width:900px){.us-fullscreen,.us-fullscreen .embla__slide{height:70vh;min-height:360px}@supports(height:1svh){.us-fullscreen,.us-fullscreen .embla__slide{height:70svh}}.us-fullscreen .us-hero-content{left:0;right:0;padding:0 20px;text-align:center}} .us-nav-fs{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:10;color:#fff;margin-top:0;width:min(400px,80%)} .us-nav-fs .us-card-prog-wrap{background:rgba(255,255,255,.25)} .us-nav-fs .us-card-prog-bar{background:#fff} .us-nav-fs .us-nav-btn{color:#fff} .us-nav-fs .us-dot::before{background:#fff} .us-nav-fs .us-frac-display{color:#fff} .us-nav-fs.us-nav-fs-dark{color:#1a1a1a} .us-nav-fs.us-nav-fs-dark .us-card-prog-wrap{background:rgba(0,0,0,.18)} .us-nav-fs.us-nav-fs-dark .us-card-prog-bar{background:#1a1a1a} .us-nav-fs.us-nav-fs-dark .us-nav-btn{color:#1a1a1a} .us-nav-fs.us-nav-fs-dark .us-dot::before{background:#1a1a1a} .us-nav-fs.us-nav-fs-dark .us-frac-display{color:#1a1a1a} .us-nav-bar.us-nav-tone-light .us-nav-btn, .us-nav-bar.us-nav-tone-light .us-frac-display{color:#fff !important} .us-nav-bar.us-nav-tone-light .us-card-prog-bar{background:#fff !important} .us-nav-bar.us-nav-tone-light .us-card-prog-wrap{background:rgba(255,255,255,.28) !important} .us-nav-bar.us-nav-tone-light .us-dot::before{background:#fff !important} .us-nav-bar.us-nav-tone-dark .us-nav-btn, .us-nav-bar.us-nav-tone-dark .us-frac-display{color:#1a1a1a !important} .us-nav-bar.us-nav-tone-dark .us-card-prog-bar{background:#1a1a1a !important} .us-nav-bar.us-nav-tone-dark .us-card-prog-wrap{background:rgba(0,0,0,.2) !important} .us-nav-bar.us-nav-tone-dark .us-dot::before{background:#1a1a1a !important} .us-hero-overlay{position:absolute;z-index:6;color:#fff;padding:0 6%;pointer-events:none;--ho-dist:22px;--hx:0px;--hy:var(--ho-dist,22px)} .us-hero-overlay>*{pointer-events:auto} .us-ho-center .us-ho-eyebrow, .us-ho-center .us-ho-title, .us-ho-center .us-ho-desc{text-align:center} .us-ho-center .us-ho-btn{display:block;width:fit-content;margin:0 auto} .us-hmo-bottom{--hx:0px;--hy:var(--ho-dist,22px)} .us-hmo-top{--hx:0px;--hy:calc(-1 * var(--ho-dist,22px))} .us-hmo-left{--hx:calc(-1 * var(--ho-dist,22px));--hy:0px} .us-hmo-right{--hx:var(--ho-dist,22px);--hy:0px} .us-hmo-fade{--hx:0px;--hy:0px} .us-hmo-rise{--hx:0px;--hy:calc(var(--ho-dist,22px) * 2.6)} .us-hmo-drift_l{--hx:calc(-1 * var(--ho-dist,22px));--hy:var(--ho-dist,22px)} .us-hmo-drift_r{--hx:var(--ho-dist,22px);--hy:var(--ho-dist,22px)} .us-ho-eyebrow{--ho-delay:0s;display:block;letter-spacing:.2em;margin-bottom:14px;opacity:0;transform:translateX(var(--hx)) translateY(var(--hy));transition:opacity var(--ho-dur,1.2s) cubic-bezier(.16,1,.3,1) var(--ho-delay,0s),transform var(--ho-dur,1.2s) cubic-bezier(.16,1,.3,1) var(--ho-delay,0s),filter var(--ho-dur,1.2s) cubic-bezier(.16,1,.3,1) var(--ho-delay,0s),clip-path var(--ho-dur,1.2s) cubic-bezier(.16,1,.3,1) var(--ho-delay,0s)} .us-ho-title{--ho-delay:calc(1 * var(--ho-stagger,.13s));margin:0 0 14px;line-height:1.15;letter-spacing:-.02em;font-weight:600;opacity:0;transform:translateX(var(--hx)) translateY(var(--hy));transition:opacity var(--ho-dur,1.2s) cubic-bezier(.16,1,.3,1) var(--ho-delay,0s),transform var(--ho-dur,1.2s) cubic-bezier(.16,1,.3,1) var(--ho-delay,0s),filter var(--ho-dur,1.2s) cubic-bezier(.16,1,.3,1) var(--ho-delay,0s),clip-path var(--ho-dur,1.2s) cubic-bezier(.16,1,.3,1) var(--ho-delay,0s)} .us-ho-title.pret{line-height:1.32} .us-ho-desc{--ho-delay:calc(2 * var(--ho-stagger,.13s));margin:0 0 24px;line-height:1.65;opacity:0;transform:translateX(var(--hx)) translateY(var(--hy));transition:opacity var(--ho-dur,1.2s) cubic-bezier(.16,1,.3,1) var(--ho-delay,0s),transform var(--ho-dur,1.2s) cubic-bezier(.16,1,.3,1) var(--ho-delay,0s),filter var(--ho-dur,1.2s) cubic-bezier(.16,1,.3,1) var(--ho-delay,0s),clip-path var(--ho-dur,1.2s) cubic-bezier(.16,1,.3,1) var(--ho-delay,0s)} .us-ho-btn{--ho-delay:calc(3 * var(--ho-stagger,.13s));display:inline-flex;align-items:center;text-decoration:none;font-weight:500;letter-spacing:.06em;border:1.5px solid var(--ho-btn-bd,var(--ho-btn-c,rgba(255,255,255,.7)));padding:10px 28px;color:var(--ho-btn-tc,var(--ho-btn-c,#fff));background:var(--ho-btn-bg,transparent);border-radius:var(--ho-btn-r,0);opacity:0;transform:translateX(var(--hx)) translateY(var(--hy));transition:opacity var(--ho-dur,1.2s) cubic-bezier(.16,1,.3,1) var(--ho-delay,0s),transform var(--ho-dur,1.2s) cubic-bezier(.16,1,.3,1) var(--ho-delay,0s),filter var(--ho-dur,1.2s) cubic-bezier(.16,1,.3,1) var(--ho-delay,0s),clip-path var(--ho-dur,1.2s) cubic-bezier(.16,1,.3,1) var(--ho-delay,0s),background .2s,color .2s} .us-ho-btn:hover{background:var(--ho-btn-c,rgba(255,255,255,.92));color:var(--ho-btn-hc,#1a1a1a)} .us-ho-btn--custom:hover{background:var(--ho-btn-bg,transparent);color:var(--ho-btn-tc,var(--ho-btn-c,#fff));filter:brightness(1.1)} .us-ho-btn:focus-visible{outline:2px solid var(--ho-btn-c,rgba(255,255,255,.7));outline-offset:3px} .us-hero-overlay.is-active .us-ho-eyebrow{opacity:.85;transform:translateX(0) translateY(0)} .us-hero-overlay.is-active .us-ho-title{opacity:1;transform:translateX(0) translateY(0)} .us-hero-overlay.is-active .us-ho-desc{opacity:.8;transform:translateX(0) translateY(0)} .us-hero-overlay.is-active .us-ho-btn{opacity:1;transform:translateX(0) translateY(0)} .us-ho-eyebrow.us-hmo-zoom,.us-ho-title.us-hmo-zoom,.us-ho-desc.us-hmo-zoom,.us-ho-btn.us-hmo-zoom{transform:scale(1.14)} .us-ho-eyebrow.us-hmo-zoom_out,.us-ho-title.us-hmo-zoom_out,.us-ho-desc.us-hmo-zoom_out,.us-ho-btn.us-hmo-zoom_out{transform:scale(.88)} .us-hero-overlay.is-active .us-ho-eyebrow.us-hmo-zoom,.us-hero-overlay.is-active .us-ho-title.us-hmo-zoom,.us-hero-overlay.is-active .us-ho-desc.us-hmo-zoom,.us-hero-overlay.is-active .us-ho-btn.us-hmo-zoom, .us-hero-overlay.is-active .us-ho-eyebrow.us-hmo-zoom_out,.us-hero-overlay.is-active .us-ho-title.us-hmo-zoom_out,.us-hero-overlay.is-active .us-ho-desc.us-hmo-zoom_out,.us-hero-overlay.is-active .us-ho-btn.us-hmo-zoom_out{transform:scale(1)} .us-ho-eyebrow.us-hmo-blur,.us-ho-title.us-hmo-blur,.us-ho-desc.us-hmo-blur,.us-ho-btn.us-hmo-blur{transform:none} @media(min-width:901px){ .us-ho-eyebrow.us-hmo-blur,.us-ho-title.us-hmo-blur,.us-ho-desc.us-hmo-blur,.us-ho-btn.us-hmo-blur{filter:blur(14px)} .us-hero-overlay.is-active .us-ho-eyebrow.us-hmo-blur,.us-hero-overlay.is-active .us-ho-title.us-hmo-blur,.us-hero-overlay.is-active .us-ho-desc.us-hmo-blur,.us-hero-overlay.is-active .us-ho-btn.us-hmo-blur{filter:blur(0)} } .us-ho-eyebrow.us-hmo-curtain,.us-ho-title.us-hmo-curtain,.us-ho-desc.us-hmo-curtain,.us-ho-btn.us-hmo-curtain{transform:translateY(calc(var(--ho-dist,22px) + 8px));clip-path:inset(0 0 100% 0)} .us-hero-overlay.is-active .us-ho-eyebrow.us-hmo-curtain,.us-hero-overlay.is-active .us-ho-title.us-hmo-curtain,.us-hero-overlay.is-active .us-ho-desc.us-hmo-curtain,.us-hero-overlay.is-active .us-ho-btn.us-hmo-curtain{transform:translateY(0);clip-path:inset(0 0 0 0)} .us-ho-eyebrow.us-hmo-focus,.us-ho-title.us-hmo-focus,.us-ho-desc.us-hmo-focus,.us-ho-btn.us-hmo-focus{transform:scale(1.04)} .us-hero-overlay.is-active .us-ho-eyebrow.us-hmo-focus,.us-hero-overlay.is-active .us-ho-title.us-hmo-focus,.us-hero-overlay.is-active .us-ho-desc.us-hmo-focus,.us-hero-overlay.is-active .us-ho-btn.us-hmo-focus{transform:scale(1)} @media(min-width:901px){ .us-ho-eyebrow.us-hmo-focus,.us-ho-title.us-hmo-focus,.us-ho-desc.us-hmo-focus{filter:blur(7px)} .us-hero-overlay.is-active .us-ho-eyebrow.us-hmo-focus,.us-hero-overlay.is-active .us-ho-title.us-hmo-focus,.us-hero-overlay.is-active .us-ho-desc.us-hmo-focus{filter:blur(0)} } .us-ho-eyebrow.us-hmo-none,.us-ho-title.us-hmo-none,.us-ho-desc.us-hmo-none,.us-ho-btn.us-hmo-none{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important;transition:none!important} .us-ho-eyebrow.us-hmo-none{opacity:.85!important} .us-ho-desc.us-hmo-none{opacity:.8!important} @media(min-width:901px){ .us-hmo-blurfx .us-ho-eyebrow,.us-hmo-blurfx .us-ho-title,.us-hmo-blurfx .us-ho-desc,.us-hmo-blurfx .us-ho-btn{filter:blur(10px)} .us-hero-overlay.us-hmo-blurfx.is-active .us-ho-eyebrow,.us-hero-overlay.us-hmo-blurfx.is-active .us-ho-title,.us-hero-overlay.us-hmo-blurfx.is-active .us-ho-desc,.us-hero-overlay.us-hmo-blurfx.is-active .us-ho-btn{filter:blur(0)} } @media(prefers-reduced-motion:reduce){ .us-ho-eyebrow.us-hmo-zoom,.us-ho-title.us-hmo-zoom,.us-ho-desc.us-hmo-zoom,.us-ho-btn.us-hmo-zoom, .us-ho-eyebrow.us-hmo-zoom_out,.us-ho-title.us-hmo-zoom_out,.us-ho-desc.us-hmo-zoom_out,.us-ho-btn.us-hmo-zoom_out, .us-ho-eyebrow.us-hmo-blur,.us-ho-title.us-hmo-blur,.us-ho-desc.us-hmo-blur,.us-ho-btn.us-hmo-blur, .us-ho-eyebrow.us-hmo-curtain,.us-ho-title.us-hmo-curtain,.us-ho-desc.us-hmo-curtain,.us-ho-btn.us-hmo-curtain, .us-ho-eyebrow.us-hmo-focus,.us-ho-title.us-hmo-focus,.us-ho-desc.us-hmo-focus,.us-ho-btn.us-hmo-focus{transform:none!important;filter:none!important;clip-path:none!important;transition:opacity .3s} } .us-ho-lcp .us-ho-eyebrow,.us-ho-lcp .us-ho-title,.us-ho-lcp .us-ho-desc,.us-ho-lcp .us-ho-btn{ opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important;transition:none!important; } .us-ho-lcp .us-ho-eyebrow{opacity:.85!important} .us-ho-lcp .us-ho-desc{opacity:.8!important} .us-ho-title.eng_b2{font-weight:300;letter-spacing:.04em} .us-ho-title .eng_b2{font-weight:300;letter-spacing:.04em} .us-ho-eyebrow .eng_b2,.us-ho-desc .eng_b2{letter-spacing:.04em} .us-card-title.eng_b2,.us-split-title.eng_b2{font-weight:300} .us-hsz-xs .us-ho-title{font-size:clamp(1rem,2vw,1.4rem)} .us-hsz-xs .us-ho-desc {font-size:clamp(.8rem,1.2vw,.9rem)} .us-hsz-sm .us-ho-title{font-size:clamp(1.4rem,2.5vw,1.9rem)} .us-hsz-sm .us-ho-desc {font-size:clamp(.85rem,1.4vw,1rem)} .us-hsz-md .us-ho-title{font-size:clamp(1.8rem,3.5vw,2.6rem)} .us-hsz-md .us-ho-desc {font-size:clamp(.9rem,1.5vw,1.05rem)} .us-hsz-lg .us-ho-title{font-size:clamp(2.4rem,4.5vw,3.4rem)} .us-hsz-lg .us-ho-desc {font-size:clamp(.95rem,1.6vw,1.1rem)} .us-hsz-xl .us-ho-title{font-size:clamp(3rem,5.5vw,4.4rem)} .us-hsz-xl .us-ho-desc {font-size:clamp(1rem,1.8vw,1.2rem)} .us-hsz-2xl .us-ho-title{font-size:clamp(3.8rem,7vw,5.6rem)} .us-hsz-2xl .us-ho-desc {font-size:clamp(1.05rem,2vw,1.35rem)} .us-hsz-display .us-ho-title{font-size:clamp(3rem,12vw,15rem);line-height:1;letter-spacing:-.01em;white-space:nowrap} .us-hsz-display .us-ho-desc {font-size:clamp(1.05rem,2vw,1.35rem)} .us-hero-overlay.us-hsz-display{overflow:hidden} @media(max-width:900px){ .us-hero-overlay{padding:0 5%} .us-hero-overlay{right:5%} .us-ho-desc{line-height:1.5} .us-hsz-xs .us-ho-title{font-size:1rem} .us-hsz-sm .us-ho-title{font-size:1.3rem} .us-hsz-md .us-ho-title{font-size:1.7rem} .us-hsz-lg .us-ho-title{font-size:2rem} .us-hsz-xl .us-ho-title{font-size:2.4rem} .us-hsz-2xl .us-ho-title{font-size:2.8rem} .us-hsz-display .us-ho-title{font-size:16vw} } @media(prefers-reduced-motion:reduce){ .us-ho-eyebrow,.us-ho-title,.us-ho-desc,.us-ho-btn{transition:none} .us-hero-overlay.is-active .us-ho-eyebrow, .us-hero-overlay.is-active .us-ho-title, .us-hero-overlay.is-active .us-ho-desc, .us-hero-overlay.is-active .us-ho-btn{opacity:1;transform:translateX(0) translateY(0)} } .us-card-link{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:4;background:transparent} .us-modal-bg{display:none;position:fixed;top:0;right:0;bottom:0;left:0;inset:0;background:rgba(0,0,0,.85);z-index:99999;align-items:center;justify-content:center} .us-modal-bg.open{display:flex} .us-modal-inner{position:relative;width:min(900px,92vw);aspect-ratio:16/9;background:#000} .us-modal-inner iframe{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;width:100%;height:100%;border:0} .us-modal-close{position:absolute;top:-38px;right:0;background:none;border:none;color:#fff;font-size:28px;cursor:pointer;line-height:1;padding:4px 8px} .us-modal-close:hover{opacity:.7} .us-modal-close:focus-visible{outline:2px solid #fff;outline-offset:3px} .us-login-gate{position:relative} .us-login-mask{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:20;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;border-radius:4px} .us-login-prompt{text-align:center;padding:32px 40px;background:rgba(255,255,255,.95);border-radius:12px;box-shadow:0 8px 40px rgba(0,0,0,.14)} .us-login-prompt svg{display:block;margin:0 auto 14px;opacity:.5} .us-login-prompt p{margin:0 0 20px;color:#1a1a1a} .us-login-prompt a{display:inline-flex;align-items:center;padding:10px 28px;background:var(--main,#c9a96e);color:#fff;text-decoration:none;border-radius:4px;font-weight:500;letter-spacing:.06em;transition:opacity .2s} .us-login-prompt a:hover{opacity:.82} .us-login-prompt a:focus-visible{outline:2px solid var(--main,#c9a96e);outline-offset:3px} @media(max-width:900px){.us-login-prompt{padding:24px 20px}} .us-sec-off{opacity:.4;outline:2px dashed #f59e0b} [class*="us-lc-"]{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden} .us-lc-1{-webkit-line-clamp:1} .us-lc-2{-webkit-line-clamp:2} .us-lc-3{-webkit-line-clamp:3} .us-theme-dark .us-sec-head{color:#fff} .us-theme-dark .us-card-body,.us-theme-dark .us-card-overlay{color:#fff} .us-vis-pc{display:block} .us-vis-mo{display:none} @media(max-width:900px){ .us-vis-pc{display:none !important} .us-vis-mo{display:block !important} } .us-round-top{border-radius:var(--us-rr,40px) var(--us-rr,40px) 0 0;overflow:hidden} .us-round-bot{border-radius:0 0 var(--us-rr,40px) var(--us-rr,40px);overflow:hidden} .us-round-all{border-radius:var(--us-rr,40px);overflow:hidden} .us-section.us-fs.us-round-top, .us-section.us-fs.us-round-bot, .us-section.us-fs.us-round-all{border-radius:0 !important;overflow:visible !important} .us-section.us-fs.us-round-top .us-fullscreen{border-radius:var(--us-rr,40px) var(--us-rr,40px) 0 0;overflow:hidden} .us-section.us-fs.us-round-bot .us-fullscreen{border-radius:0 0 var(--us-rr,40px) var(--us-rr,40px);overflow:hidden} .us-section.us-fs.us-round-all .us-fullscreen{border-radius:var(--us-rr,40px);overflow:hidden} .us-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:1;pointer-events:none} .us-section > .hive_b, .us-section > div:not(.us-bg-overlay):not(.us-nav-bar):not(.mt-sec-edit-overlay){position:relative;z-index:2} .us-nav-bar:not(.us-nav-fs),.mt-sec-edit-overlay{position:relative;z-index:3} .mcp-preset-row{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px} .mcp-preset-btn{padding:3px 9px;font-size:11px;border:1px solid #444;border-radius:4px;background:#2a2a2a;color:#ccc;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap} .mcp-preset-btn:hover{background:#7c3aed;color:#fff;border-color:#7c3aed} .mcp-preset-sep{width:100%;height:1px;background:#333;margin:4px 0} .mcp-preset-user-wrap{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px;min-height:0} .mcp-preset-user-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 6px 3px 9px;font-size:11px;border:1px solid #4a4a6a;border-radius:4px;background:#252535;color:#b0b0d0;cursor:default} .mcp-preset-chip-apply{background:none;border:none;color:inherit;cursor:pointer;padding:0;font-size:11px;line-height:1} .mcp-preset-chip-apply:hover{color:#a78bfa} .mcp-preset-chip-del{background:none;border:none;color:#555;cursor:pointer;padding:0;font-size:13px;line-height:1;margin-left:2px} .mcp-preset-chip-del:hover{color:#f87171} .mcp-preset-save-cur{width:100%;padding:5px 8px;font-size:11px;border:1px dashed #444;border-radius:4px;background:none;color:#888;cursor:pointer;text-align:left;transition:border-color .15s,color .15s} .mcp-preset-save-cur:hover{border-color:#7c3aed;color:#a78bfa} .mcp-color-pair{display:flex;gap:6px;align-items:center;margin-top:4px} .mcp-color-pair input[type=color]{width:32px;height:28px;padding:2px;border:1px solid #444;border-radius:4px;cursor:pointer;flex-shrink:0;background:#333} .mcp-color-pair input[type=text]{flex:1;padding:5px 8px;background:#333;border:1px solid #444;border-radius:4px;color:#fff;font-size:12px;box-sizing:border-box} .us-empty-ph{display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#1a1a1a 0,#1a1a1a 10px,#1f1f1f 10px,#1f1f1f 20px)} .us-empty-ph{height:85svh;min-height:480px} .us-empty-ph-sm{height:220px;min-height:0} .us-empty-msg{text-align:center;color:#999} .us-empty-msg i{font-size:40px;display:block;margin-bottom:10px} .us-empty-msg p{font-size:14px;line-height:1.5} body.mt-edit [data-a], body.mt-edit [data-a].is-visible{opacity:1 !important;transform:none !important;transition:none !important} body.mt-edit .us-hefs .us-hero-eyebrow, body.mt-edit .us-hefs .us-htitle, body.mt-edit .us-hefs2>*{opacity:1 !important;transform:none !important;transition:none !important} .us-hero-content{position:absolute;left:5%;right:5%;z-index:5;pointer-events:none} .us-hero-content>*{pointer-events:auto} .us-hero-content.is-center{text-align:center} .us-hero-content.is-center .us-hero-cta{justify-content:center} .us-hero-eyebrow{letter-spacing:.2em;opacity:.85;margin-bottom:14px;display:block} .us-hefs .us-hero-eyebrow{opacity:0;transform:translateY(14px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)} .us-hefs.is-visible .us-hero-eyebrow{opacity:1;transform:translateY(0)} .us-hefs .us-htitle{opacity:0;transform:translateY(22px);transition:opacity .85s cubic-bezier(.16,1,.3,1) .15s,transform .85s cubic-bezier(.16,1,.3,1) .15s} .us-hefs.is-visible .us-htitle{opacity:1;transform:translateY(0)} .us-hefs2>*{opacity:0;transform:translateY(18px);transition:opacity .85s cubic-bezier(.16,1,.3,1) .28s,transform .85s cubic-bezier(.16,1,.3,1) .28s} .us-hefs2.is-visible>*{opacity:1;transform:translateY(0)} .us-hero-cta{display:flex;gap:0;margin-top:18px} .us-hcb{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:148px;height:48px;padding:0 28px;font-weight:500;letter-spacing:.05em;text-decoration:none;overflow:hidden;flex-shrink:0} .us-hcb .hcb-bg{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;transform:translateY(102%);transition:transform .44s cubic-bezier(.16,1,.3,1);z-index:0} .us-hcb .hcb-front,.us-hcb .hcb-back{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;display:flex;align-items:center;justify-content:center;white-space:nowrap;z-index:1;transition:transform .44s cubic-bezier(.16,1,.3,1),opacity .32s cubic-bezier(.16,1,.3,1)} .us-hcb .hcb-front{transform:translateY(0);opacity:1} .us-hcb .hcb-back{transform:translateY(102%);opacity:0} .us-hcb:hover .hcb-bg{transform:translateY(0)} .us-hcb:hover .hcb-front{transform:translateY(-102%);opacity:0} .us-hcb:hover .hcb-back{transform:translateY(0);opacity:1} .us-hcb-outline{border:1.5px solid rgba(255,255,255,.7)} .us-hcb-outline .hcb-bg{background:#fff} .us-hcb-outline .hcb-front{color:#fff} .us-hcb-outline .hcb-back{color:#1a1820} .us-hcb-fill{background:var(--main,#c9a96e);border:1.5px solid var(--main,#c9a96e)} .us-hcb-fill .hcb-bg{background:rgba(255,255,255,.15)} .us-hcb-fill .hcb-front,.us-hcb-fill .hcb-back{color:#fff} @media(max-width:900px){ .us-hero-content{left:0;right:0;padding:0 20px;text-align:center} .us-hero-cta{justify-content:center;flex-wrap:wrap;gap:8px} .us-hcb{min-width:0;flex:1;height:44px;padding:0 16px} } .us-hero-nav{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:10;display:flex;align-items:center;gap:16px} .us-hero-nav button{width:40px;height:40px;border-radius:50%;background:none;border:0;color:#fff;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s,transform .2s} .us-hero-nav button:hover{opacity:1;transform:scale(1.15)} .us-hero-nav button:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px;border-radius:50%} .us-hero-frac{display:flex;align-items:center;gap:10px;color:#fff} .us-hero-frac-num{font-size:12px;letter-spacing:.1em;min-width:24px;text-align:center} .us-hero-prog{width:80px;height:2px;background:rgba(255,255,255,.25);overflow:hidden;border-radius:2px} .us-hero-prog-bar{width:100%;height:100%;background:#fff;border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.16,1,.3,1)} .us-nav-bar{margin-top:28px;display:flex;flex-direction:column;gap:14px;align-items:center} .us-nav-bar:has(.us-card-prog-wrap):has(.us-nav-controls), .us-nav-bar.us-nav-row{flex-direction:row;align-items:center;gap:20px} .us-nav-bar:has(.us-card-prog-wrap):has(.us-nav-controls) .us-card-prog-wrap, .us-nav-bar.us-nav-row .us-card-prog-wrap{flex:1;min-width:0} .us-card-prog-wrap{height:1px;background:rgba(0,0,0,.12);overflow:hidden;border-radius:1px;width:100%} .us-card-prog-bar{width:100%;height:100%;background:var(--main,#c9a96e);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.16,1,.3,1)} .us-nav-w{color:#fff} .us-nav-w .us-card-prog-wrap{background:rgba(255,255,255,.25)} .us-nav-w .us-card-prog-bar{background:#fff} .us-nav-controls{display:flex;align-items:center;gap:0;flex-shrink:0} .us-nav-btn{width:34px;height:34px;background:none;border:none;padding:0;color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:.4;transition:opacity .2s,transform .22s cubic-bezier(.34,1.56,.64,1)} .us-nav-btn:hover{opacity:1} .us-nav-prev:hover{transform:translateX(-2px)} .us-nav-next:hover{transform:translateX(2px)} .us-nav-btn:focus-visible{outline:2px solid var(--main,#c9a96e);outline-offset:2px;border-radius:2px} .us-nav-divider{width:1px;height:12px;background:currentColor;opacity:.2;flex-shrink:0;margin:0 2px} .embla{position:relative} .us-nav-side{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:44px;height:44px;border-radius:50%;background:var(--us-arrow-bg,rgba(255,255,255,.9));border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--us-arrow-c,#1a1a1a);opacity:.92;transition:opacity .25s,background .2s,transform .22s cubic-bezier(.34,1.56,.64,1)} .us-nav-side:hover{opacity:1;background:var(--us-arrow-bg,#fff)} .us-arrow-nobg .us-nav-side,.us-arrow-nobg .us-nav-side:hover{background:transparent} .us-nav-side-prev{left:16px} .us-nav-side-next{right:16px} .us-nav-side-prev:hover{transform:translateY(-50%) translateX(-2px)} .us-nav-side-next:hover{transform:translateY(-50%) translateX(2px)} .us-nav-side:focus-visible{outline:2px solid var(--main,#c9a96e);outline-offset:2px} @media(hover:hover){ .us-arrow-hover .us-nav-side{opacity:0;pointer-events:none} .us-arrow-hover:hover .us-nav-side{opacity:.92;pointer-events:auto} .us-arrow-hover .us-nav-side:hover{opacity:1} .us-arrow-hover .us-nav-side:focus-visible{opacity:1;pointer-events:auto} } @media(max-width:768px){.us-nav-side{width:38px;height:38px}.us-nav-side-prev{left:8px}.us-nav-side-next{right:8px}} .us-frac-display{display:flex;align-items:center;gap:4px;font-size:12px;letter-spacing:.08em;opacity:.6;font-variant-numeric:tabular-nums;margin:0 8px} .us-frac-sep{opacity:.4} .us-fc,.us-ft{min-width:16px;text-align:center} .us-dots{display:flex;gap:0;justify-content:center} .us-dot{width:24px;height:24px;background:transparent;border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:relative} .us-dot::before{content:'';width:6px;height:6px;border-radius:3px;background:currentColor;opacity:.25;transition:opacity .2s,width .3s cubic-bezier(.16,1,.3,1)} .us-dot.is-active::before{opacity:1;width:22px} .us-dot:focus-visible{outline:2px solid var(--main,#c9a96e);outline-offset:2px;border-radius:3px} .us-marquee-wrap{overflow:hidden} .us-marquee-track{display:flex;animation:us-marquee var(--us-mspeed,30s) linear infinite} .us-marquee-track:hover{animation-play-state:paused} @keyframes us-marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}} .us-marquee-track .us-card{flex-shrink:0;width:var(--us-mcard-w,280px);margin-right:var(--us-gap,16px)} @media(prefers-reduced-motion:reduce){.us-marquee-track{animation:none}} @keyframes us-marquee-rev{from{transform:translateX(-50%)}to{transform:translateX(0)}} .us-mq-rev .us-marquee-track{animation-name:us-marquee-rev !important} .us-mq-nopause .us-marquee-track:hover{animation-play-state:running !important} .us-fade-mode .us-embla-vp{overflow:visible} .us-fade-mode .embla__container{transform:none !important;position:relative;min-height:var(--us-fade-h,0px)} .us-fade-mode .embla__slide{position:absolute !important;top:0;left:0;width:100% !important;opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1);pointer-events:none;flex:none !important} .us-fade-mode .embla__slide.us-slide-active{opacity:1;pointer-events:auto;position:relative !important} @media(prefers-reduced-motion:reduce){.us-fade-mode .embla__slide{transition:none}} .us-grid-wrap{display:grid;grid-template-columns:repeat(var(--us-cols,3),1fr);gap:var(--us-ggap,28px)} @media(max-width:900px){.us-grid-wrap{grid-template-columns:repeat(var(--us-cols-mo,1),1fr)}} [data-a]{opacity:0;transform:translateX(var(--ax,0px)) translateY(var(--ay,var(--us-adist,28px)));filter:var(--abl,none);transition:opacity var(--us-aspd,.75s) cubic-bezier(.16,1,.3,1),transform var(--us-aspd,.75s) cubic-bezier(.16,1,.3,1),filter var(--us-aspd,.75s) cubic-bezier(.16,1,.3,1);transition-delay:var(--us-adel,0ms)} [data-a="fade"]{--ay:0px} [data-a="slide_l"]{--ax:calc(-1 * var(--us-adist,28px));--ay:0px} [data-a="slide_r"]{--ax:var(--us-adist,28px);--ay:0px} [data-a="blur_up"]{--abl:blur(10px)} [data-a="blur"]{--ay:0px;--abl:blur(10px)} [data-a="blur_l"]{--ax:calc(-1 * var(--us-adist,28px));--ay:0px;--abl:blur(10px)} [data-a="blur_r"]{--ax:var(--us-adist,28px);--ay:0px;--abl:blur(10px)} [data-a="blur_d"]{--ay:calc(-1 * var(--us-adist,28px));--abl:blur(10px)} [data-a="none"]{opacity:1 !important;transform:none !important;filter:none !important;transition:none !important} [data-a].is-visible{opacity:1;transform:translateX(0) translateY(0);filter:none} :focus-visible{outline:2px solid var(--main,#c9a96e);outline-offset:2px} @media(prefers-reduced-motion:reduce){ [data-a]:not([data-a="none"]){opacity:1;transform:none;filter:none;transition:none} .us-hefs .us-hero-eyebrow,.us-hefs .us-htitle,.us-hefs2>*{opacity:1;transform:none;transition:none} .us-hcb .hcb-bg,.us-hcb .hcb-front,.us-hcb .hcb-back{transition-duration:.01ms !important} .us-hero-prog-bar,.us-card-prog-bar,.us-frac-bar{transition:none} } .usm-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;inset:0;background:rgba(0,0,0,.7);z-index:99999;align-items:center;justify-content:center} .usm-overlay.open{display:flex} .usm-box{background:#1a1a1a;border-radius:10px;width:min(900px,96vw);max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px rgba(0,0,0,.6)} .usm-head{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #333;gap:12px;flex-shrink:0} .usm-head h3{flex:1;margin:0;color:#fff;font-size:15px;font-weight:600} .usm-close{background:none;border:none;color:#888;font-size:22px;cursor:pointer;line-height:1;padding:0 4px} .usm-close:hover{color:#fff} .usm-body{overflow-y:auto;padding:16px;flex:1} .usm-footer{padding:12px 16px;border-top:1px solid #333;display:flex;gap:8px;justify-content:flex-end;flex-shrink:0} .usm-list{display:flex;flex-direction:column;gap:10px} .usm-item{background:#252525;border:1px solid #333;border-radius:8px;display:flex;gap:12px;padding:12px;align-items:flex-start;position:relative} .usm-item.usm-drag-over{border-color:#7c3aed;background:#2a2040} .usm-drag-h{color:#666;cursor:grab;align-self:stretch;user-select:none;flex-shrink:0;display:flex;align-items:center;padding:0 6px;margin:-12px -4px -12px -12px;border-radius:8px 0 0 8px;background:#1e1e1e;touch-action:none} .usm-drag-h:hover{color:#bbb;background:#2c2c2c} .usm-drag-h:active{cursor:grabbing;color:#fff} .usm-drag-ghost{opacity:.5} .usm-thumb-wrap{width:100px;height:80px;flex-shrink:0;background:#111;border-radius:5px;overflow:hidden;position:relative;cursor:pointer} .usm-thumb-wrap:hover .usm-thumb-overlay{opacity:1} .usm-thumb{width:100%;height:100%;object-fit:cover;display:block} .usm-thumb-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#444;font-size:28px} .usm-thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;color:#fff;font-size:12px;text-align:center;line-height:1.4} .usm-file-inp{display:none} .usm-fields{flex:1;display:flex;flex-direction:column;gap:7px;min-width:0} .usm-field{display:flex;flex-direction:column;gap:3px} .usm-field label{font-size:10px;color:#666;letter-spacing:.08em} .usm-field input,.usm-field textarea{background:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;color:#ddd;font-size:12px;padding:5px 8px;width:100%;box-sizing:border-box} .usm-field input:focus,.usm-field textarea:focus{border-color:#7c3aed;outline:none} .usm-field textarea{resize:vertical;min-height:44px;font-family:inherit} .usm-del-btn{background:none;border:none;color:#555;font-size:16px;cursor:pointer;padding:0;line-height:1;flex-shrink:0;align-self:flex-start} .usm-del-btn:hover{color:#ef4444} .usm-add-btn{width:100%;padding:10px;background:#1e293b;border:1px dashed #334155;color:#64748b;border-radius:6px;font-size:13px;cursor:pointer;margin-top:8px;transition:background .15s,color .15s} .usm-add-btn:hover{background:#334155;color:#cbd5e1} .usm-save-btn{padding:9px 22px;background:#7c3aed;color:#fff;border:none;border-radius:5px;font-size:13px;font-weight:600;cursor:pointer} .usm-save-btn:hover{background:#6d28d9} .usm-save-btn:disabled{opacity:.5;cursor:default} .usm-cancel-btn{padding:9px 16px;background:#333;color:#aaa;border:none;border-radius:5px;font-size:13px;cursor:pointer} .usm-cancel-btn:hover{background:#444;color:#fff} .usm-uploading{font-size:11px;color:#7c3aed;margin-top:3px} @media(max-width:600px){ .usm-box{width:100vw;max-height:100vh;border-radius:0} .usm-item{flex-wrap:wrap} .usm-thumb-wrap{width:80px;height:64px} } :root { --hv-tx-1:#f5f5f5; --hv-tx-2:#d4d4d4; --hv-tx-3:#a3a3a3; --hv-tx-4:#7a7a7a; --hv-tx-5:#525252; --hv-glow:0 0 12px rgba(255,255,255,.55), 0 0 24px rgba(255,255,255,.18); } body.mt-edit{ padding-top:0 !important; } .mt-sec-btn{ display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:5px !important; width:auto !important; min-width:62px !important; height:30px !important; padding:0 12px !important; font-size:11.5px !important; font-weight:700 !important; border-radius:6px !important; border:0 !important; cursor:pointer !important; letter-spacing:.02em !important; -webkit-backdrop-filter:saturate(160%) blur(14px) !important; backdrop-filter:saturate(160%) blur(14px) !important; transition:background .15s, color .15s, transform .12s !important; white-space:nowrap !important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.06) !important; } .mt-sec-btn:hover{ transform:translateY(-1px); } .mt-sec-btn-img{ background:#fff !important; color:#0a0a0a !important; box-shadow:0 0 12px rgba(255,255,255,.30), 0 0 24px rgba(255,255,255,.10) !important; } .mt-sec-btn-img:hover{ background:#e8e8e8 !important; color:#0a0a0a !important; } .mt-sec-btn-clone{ background:rgba(15,15,18,.85) !important; color:#f5f5f5 !important; } .mt-sec-btn-clone:hover{ background:rgba(28,28,32,.92) !important; color:#fff !important; } .mt-sec-btn-del{ background:rgba(15,15,18,.85) !important; color:#fca5a5 !important; } .mt-sec-btn-del:hover{ background:rgba(60,15,15,.92) !important; color:#fff !important; } #mt-admin-bar{ background:rgba(12,12,14,.92) !important; backdrop-filter:saturate(160%) blur(20px) !important; -webkit-backdrop-filter:saturate(160%) blur(20px) !important; border:0 !important; box-shadow:0 8px 24px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.04) !important; color:var(--hv-tx-1) !important; font-size:15px !important; height:54px !important; padding:0 16px !important; border-radius:0 !important; } #mt-admin-toggle{ background:rgba(12,12,14,.92) !important; color:#fff !important; border:0 !important; backdrop-filter:saturate(160%) blur(14px) !important; -webkit-backdrop-filter:saturate(160%) blur(14px) !important; box-shadow:0 4px 14px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.06) !important; width:34px !important; height:34px !important; top:10px !important; left:10px !important; } #mt-admin-toggle:hover{ background:#0a0a0a !important; transform:scale(1.06) !important; } #mt-admin-toggle.is-open{ background:#fff !important; color:#0a0a0a !important; box-shadow:0 4px 14px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.20) !important; } #mt-admin-bar .mt-ab-i{ height:54px !important; align-items:center !important; gap:8px !important; padding:0 16px 0 56px !important; } #mt-admin-bar .mt-ab-l, #mt-admin-bar .mt-ab-r{ height:54px !important; align-items:center !important; display:flex !important; gap:6px !important; flex-wrap:nowrap !important; } #mt-admin-bar .mt-ab-l-wrap{ position:relative; display:flex; flex:1; min-width:0; align-items:center; } #mt-admin-bar .mt-ab-l{ overflow-x:auto; overflow-y:hidden; scrollbar-width:none; min-width:0; flex:1; flex-wrap:nowrap !important; scroll-behavior:smooth; } #mt-admin-bar .mt-ab-l::-webkit-scrollbar{ display:none; } #mt-admin-bar .mt-ab-arrow{ position:absolute; top:50%; transform:translateY(-50%); width:28px; height:32px; display:inline-flex; align-items:center; justify-content:center; color:#fff; background:rgba(20,20,20,.85); border:1px solid rgba(255,255,255,.12); border-radius:5px; cursor:pointer; z-index:5; opacity:0; pointer-events:none; transition:opacity .15s, background .15s, transform .15s; box-shadow:0 4px 14px rgba(0,0,0,.45); } #mt-admin-bar .mt-ab-arrow:hover{ background:#7c3aed; border-color:#7c3aed; } #mt-admin-bar .mt-ab-arrow:active{ transform:translateY(-50%) scale(.92); } #mt-admin-bar .mt-ab-arrow-l{ left:2px; } #mt-admin-bar .mt-ab-arrow-r{ right:2px; } #mt-admin-bar .mt-ab-l-wrap.has-scroll-left .mt-ab-arrow-l, #mt-admin-bar .mt-ab-l-wrap.has-scroll-right .mt-ab-arrow-r{ opacity:1; pointer-events:auto; } #mt-admin-bar .mt-ab-l-wrap::before, #mt-admin-bar .mt-ab-l-wrap::after{ content:""; position:absolute; top:0; bottom:0; width:36px; pointer-events:none; z-index:4; opacity:0; transition:opacity .15s; } #mt-admin-bar .mt-ab-l-wrap::before{ left:0; background:linear-gradient(to right, #1a1a1a 30%, transparent 100%); } #mt-admin-bar .mt-ab-l-wrap::after{ right:0; background:linear-gradient(to left, #1a1a1a 30%, transparent 100%); } #mt-admin-bar .mt-ab-l-wrap.has-scroll-left::before{ opacity:1; } #mt-admin-bar .mt-ab-l-wrap.has-scroll-right::after{ opacity:1; } #mt-admin-bar .mt-sec-menu-btn{ display:inline-flex; align-items:center; gap:6px; background:rgba(124,58,237,.18); color:#c4b5fd; border:1px solid rgba(124,58,237,.35); border-radius:5px; height:32px; padding:0 12px; font-size:12.5px; font-weight:600; line-height:1; letter-spacing:-.005em; cursor:pointer; flex-shrink:0; transition:background .15s, color .15s, border-color .15s; } #mt-admin-bar .mt-sec-menu-btn:hover, #mt-admin-bar .mt-sec-menu-wrap.is-open .mt-sec-menu-btn{ background:rgba(124,58,237,.32); color:#fff; border-color:rgba(124,58,237,.65); } .mt-sec-menu{ position:absolute; top:calc(100% + 6px); right:0; width:300px; max-height:60vh; background:#1f1f1f; border:1px solid #333; border-radius:8px; box-shadow:0 16px 40px rgba(0,0,0,.55); z-index:10000; display:none; flex-direction:column; overflow:hidden; font-family:'Pretendard',sans-serif; } .mt-sec-menu-wrap.is-open .mt-sec-menu{ display:flex; } .mt-sec-menu-search{ padding:8px; border-bottom:1px solid #2a2a2a; flex-shrink:0; } .mt-sec-menu-q{ width:100%; box-sizing:border-box; background:#141414; border:1px solid #2e2e2e; color:#e8e8e8; border-radius:5px; height:30px; padding:0 10px; font-size:12.5px; outline:none; transition:border-color .15s; } .mt-sec-menu-q:focus{ border-color:#7c3aed; } .mt-sec-menu-list{ overflow-y:auto; padding:4px; scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.18) transparent; } .mt-sec-menu-list::-webkit-scrollbar{ width:6px; } .mt-sec-menu-list::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.14); border-radius:3px; } .mt-sec-menu-item{ display:flex; align-items:center; gap:8px; width:100%; padding:8px 10px; background:transparent; color:#d4d4d4; border:0; border-radius:5px; font-size:13px; font-weight:500; text-align:left; cursor:pointer; transition:background .12s, color .12s; } .mt-sec-menu-item:hover{ background:rgba(255,255,255,.06); color:#fff; } .mt-sec-menu-item.is-active{ background:rgba(124,58,237,.20); color:#fff; } .mt-sec-menu-item.is-hidden{ display:none; } .mt-sec-menu-dot{ width:8px; height:8px; border-radius:50%; background:#555; flex-shrink:0; } .mt-sec-menu-item.on .mt-sec-menu-dot{ background:#22c55e; } .mt-sec-menu-name{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .mt-sec-menu-mode{ font-size:10.5px; color:#666; background:rgba(255,255,255,.04); padding:2px 6px; border-radius:3px; flex-shrink:0; } .mt-sec-menu-empty{ padding:24px 12px; text-align:center; color:#666; font-size:12px; } #mt-admin-bar .mt-bar-logo, #mt-admin-bar .mt-admin-tag, #mt-admin-bar .mt-badge, #mt-admin-bar .mt-bar > span:first-child{ display:inline-flex !important; align-items:center !important; justify-content:center !important; background:#fff !important; color:#0a0a0a !important; font-weight:700 !important; letter-spacing:.12em !important; height:32px !important; padding:0 12px !important; border-radius:5px !important; font-size:11px !important; line-height:1 !important; flex-shrink:0; } #mt-admin-bar .mt-lbl{ display:inline-flex !important; align-items:center !important; height:32px !important; color:var(--hv-tx-3) !important; font-size:12.5px !important; line-height:1 !important; letter-spacing:.04em !important; flex-shrink:0; padding:0 2px; } #mt-admin-bar .mt-tog{ display:inline-flex !important; align-items:center !important; justify-content:center !important; background:rgba(255,255,255,.04) !important; color:var(--hv-tx-3) !important; border:0 !important; border-radius:5px !important; height:32px !important; padding:0 13px !important; font-size:13px !important; font-weight:600 !important; line-height:1 !important; letter-spacing:-.005em !important; flex-shrink:0; max-width:160px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:background .15s, color .15s !important; } #mt-admin-bar .mt-tog:hover{ background:rgba(255,255,255,.08) !important; color:var(--hv-tx-1) !important; } #mt-admin-bar .mt-tog.on{ background:rgba(255,255,255,.12) !important; color:#fff !important; } #mt-admin-bar .mt-tog.is-active{ box-shadow:0 0 0 2px rgba(124,58,237,.55) inset !important; } #mt-admin-bar .mt-tog .mt-tog-dot{ display:inline-block; width:6px; height:6px; border-radius:50%; background:#666; margin-right:6px; flex-shrink:0; transition:background .15s; } #mt-admin-bar .mt-tog.on .mt-tog-dot{ background:#22c55e; } #mt-admin-bar .mt-sec-btn, #mt-admin-bar .mt-chip, #mt-admin-bar [data-sec]:not(.mt-tog){ display:inline-flex !important; align-items:center !important; justify-content:center !important; background:rgba(255,255,255,.04) !important; color:var(--hv-tx-2) !important; border:0 !important; border-radius:5px !important; height:32px !important; padding:0 13px !important; font-size:13px !important; font-weight:600 !important; line-height:1 !important; letter-spacing:-.005em !important; flex-shrink:0; transition:background .15s, color .15s !important; } #mt-admin-bar .mt-sec-btn:hover, #mt-admin-bar [data-sec]:not(.mt-tog):hover{ background:rgba(255,255,255,.08) !important; color:var(--hv-tx-1) !important; } #mt-admin-bar .mt-sec-btn.is-active, #mt-admin-bar [data-sec].is-active{ background:rgba(255,255,255,.12) !important; color:#fff !important; } #mt-admin-bar .mt-btn{ display:inline-flex !important; align-items:center !important; justify-content:center !important; background:transparent !important; border:0 !important; border-radius:5px !important; height:32px !important; padding:0 14px !important; font-size:13px !important; font-weight:600 !important; line-height:1 !important; color:var(--hv-tx-3) !important; letter-spacing:-.005em !important; gap:6px !important; flex-shrink:0; transition:background .15s, color .15s !important; } #mt-admin-bar .mt-btn:hover{ background:rgba(255,255,255,.06) !important; color:var(--hv-tx-1) !important; } #mt-admin-bar .mt-btn-cfg, #mt-admin-bar .mt-btn-cfg:hover, #mt-admin-bar .mt-btn-cfg:focus, #mt-admin-bar .mt-btn-cfg.is-active{ background:#fff !important; color:#0a0a0a !important; box-shadow:0 0 12px rgba(255,255,255,.30), 0 0 24px rgba(255,255,255,.10); } #mt-admin-bar .mt-btn-cfg:hover{ background:#e8e8e8 !important; color:#0a0a0a !important; } #mt-admin-bar .mt-btn-edit, #mt-admin-bar .mt-btn-save{ background:rgba(255,255,255,.08) !important; color:#fff !important; } #mt-admin-bar .mt-btn-edit:hover, #mt-admin-bar .mt-btn-save:hover{ background:rgba(255,255,255,.14) !important; color:#fff !important; } #mt-admin-bar .mt-btn-cancel{ background:transparent !important; color:var(--hv-tx-4) !important; } #mt-admin-bar .mt-btn-cancel:hover{ background:rgba(255,255,255,.06) !important; color:#fff !important; } #mt-admin-bar .mt-lang{ height:32px !important; } #mt-admin-bar .mt-lang .mt-lang-pub, #mt-admin-bar .mt-lang .mt-lang-btn, #mt-admin-bar .mt-lang .mt-lang-cog{ height:28px !important; } #mt-admin-bar .mt-sep{ background:rgba(255,255,255,.08) !important; width:1px !important; height:22px !important; flex-shrink:0; margin:0 4px; } #mt-admin-bar .mcp-changed-badge{ display:inline-flex !important; align-items:center !important; background:rgba(255,255,255,.10) !important; color:var(--hv-tx-1) !important; border:0 !important; height:24px !important; padding:0 9px !important; border-radius:4px !important; font-size:11px !important; font-weight:600 !important; line-height:1 !important; flex-shrink:0; } #mt-admin-bar #mt-ver-badge{ display:inline-flex !important; align-items:center !important; height:32px !important; color:var(--hv-tx-5) !important; font-size:11.5px !important; line-height:1 !important; flex-shrink:0; } #mt-cfg-panel{ background:rgba(12,12,14,.92) !important; backdrop-filter:saturate(160%) blur(28px) !important; -webkit-backdrop-filter:saturate(160%) blur(28px) !important; border:0 !important; border-radius:14px 0 0 14px !important; box-shadow:0 20px 50px rgba(0,0,0,.65), inset 0 0 0 1px rgba(255,255,255,.05) !important; width:400px !important; top:68px !important; bottom:14px !important; right:14px !important; display:flex !important; flex-direction:column !important; overflow:hidden !important; transform:translateX(calc(100% + 30px)) !important; transition:transform .35s cubic-bezier(.16,1,.3,1), right .35s cubic-bezier(.16,1,.3,1), left .35s cubic-bezier(.16,1,.3,1), width .25s cubic-bezier(.16,1,.3,1), height .25s cubic-bezier(.16,1,.3,1), opacity .2s !important; } #mt-cfg-panel:not(.open){ box-shadow:none !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; pointer-events:none !important; opacity:0 !important; } #mt-cfg-panel.open{ transform:translateX(0) !important; opacity:1 !important; pointer-events:auto !important; } #mt-cfg-panel.snap-left{ left:14px !important; right:auto !important; border-radius:0 14px 14px 0 !important; } #mt-cfg-panel.fullscreen{ top:0 !important; right:0 !important; bottom:0 !important; left:0 !important; width:auto !important; height:auto !important; max-width:none !important; max-height:none !important; border-radius:0 !important; z-index:10001 !important; } #mt-cfg-panel.dragging{ transition:none !important; box-shadow:0 24px 60px rgba(0,0,0,.75) !important; } #mt-cfg-panel .mcp-head{ background:rgba(12,12,14,.94) !important; backdrop-filter:saturate(160%) blur(20px) !important; -webkit-backdrop-filter:saturate(160%) blur(20px) !important; border:0 !important; border-bottom:1px solid rgba(255,255,255,.05) !important; height:56px !important; padding:0 22px !important; font-size:17px !important; color:var(--hv-tx-1) !important; cursor:move !important; user-select:none !important; position:sticky !important; top:0 !important; left:0 !important; right:0 !important; z-index:10 !important; flex-shrink:0 !important; } #mt-cfg-panel .mcp-head::after{ content:''; position:absolute; top:8px; left:50%; transform:translateX(-50%); width:36px; height:3px; background:rgba(255,255,255,.14); border-radius:2px; opacity:.6; transition:opacity .15s, background .15s; } #mt-cfg-panel .mcp-head:hover::after, #mt-cfg-panel.dragging .mcp-head::after{ opacity:1; background:#fff; } #mt-cfg-panel .mcp-close{ color:var(--hv-tx-3) !important; width:30px; height:30px; border-radius:5px !important; } #mt-cfg-panel .mcp-close:hover{ background:rgba(255,255,255,.08) !important; color:#fff !important; } #mt-cfg-panel .mcp-sec-list{ padding:8px 16px 60px !important; flex:1 !important; overflow-y:auto !important; overflow-x:hidden !important; scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.18) transparent; } #mt-cfg-panel .mcp-sec-list::-webkit-scrollbar{ width:6px; } #mt-cfg-panel .mcp-sec-list::-webkit-scrollbar-track{ background:transparent; } #mt-cfg-panel .mcp-sec-list::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.14); border-radius:3px; } #mt-cfg-panel .mcp-sec-list::-webkit-scrollbar-thumb:hover{ background:rgba(255,255,255,.24); } #mt-cfg-panel .mcp-item{ background:transparent !important; border:0 !important; border-radius:0 !important; margin-bottom:0 !important; overflow:visible !important; border-bottom:1px solid rgba(255,255,255,.05) !important; } #mt-cfg-panel .mcp-item:last-child{ border-bottom:0 !important; } #mt-cfg-panel .mcp-item-head{ background:transparent !important; border:0 !important; height:52px !important; padding:0 16px !important; gap:11px !important; } #mt-cfg-panel .mcp-item-head:hover{ background:rgba(255,255,255,.04) !important; } #mt-cfg-panel .mcp-item.is-open > .mcp-item-head{ position:sticky !important; top:0 !important; z-index:5 !important; background:rgba(12,12,14,.94) !important; -webkit-backdrop-filter:saturate(160%) blur(20px) !important; backdrop-filter:saturate(160%) blur(20px) !important; border-bottom:1px solid rgba(255,255,255,.06) !important; margin:0 -16px; padding:0 16px !important; width:auto; } #mt-cfg-panel .mcp-drag-handle{ color:var(--hv-tx-5) !important; font-size:15px !important; } #mt-cfg-panel .mcp-item-lbl{ font-size:15px !important; color:var(--hv-tx-1) !important; font-weight:600 !important; letter-spacing:-.005em !important; } #mt-cfg-panel .mcp-hd-btn{ background:transparent !important; border:0 !important; width:28px !important; height:28px !important; border-radius:5px !important; color:var(--hv-tx-3) !important; transition:background .15s, color .15s !important; } #mt-cfg-panel .mcp-hd-btn:hover{ background:rgba(255,255,255,.06) !important; color:var(--hv-tx-1) !important; } #mt-cfg-panel .mcp-hd-clone:hover{ background:rgba(255,255,255,.10) !important; color:#fff !important; } #mt-cfg-panel .mcp-hd-del:hover{ background:rgba(248,113,113,.16) !important; color:#fca5a5 !important; } #mt-cfg-panel .mcp-item-tog-track{ background:rgba(255,255,255,.12) !important; } #mt-cfg-panel .mcp-item-tog-track::before{ background:var(--hv-tx-2) !important; } #mt-cfg-panel .mcp-tog-chk:checked + .mcp-item-tog-track, #mt-cfg-panel input[type="checkbox"]:checked + .mcp-item-tog-track{ background:#fff !important; } #mt-cfg-panel .mcp-tog-chk:checked + .mcp-item-tog-track::before, #mt-cfg-panel input[type="checkbox"]:checked + .mcp-item-tog-track::before{ background:#0a0a0a !important; } #mt-cfg-panel .mcp-group{ padding:16px 18px !important; border:0 !important; } #mt-cfg-panel .mcp-group-label{ font-size:13.5px !important; font-weight:700 !important; color:var(--hv-tx-3) !important; letter-spacing:.04em !important; text-transform:none !important; margin:0 0 12px !important; } #mt-cfg-panel .mcp-row{ margin-bottom:10px !important; } #mt-cfg-panel .mcp-row label, #mt-cfg-panel .mcp-group label{ font-size:12px !important; color:var(--hv-tx-3) !important; font-weight:500 !important; margin-bottom:6px !important; display:block; } #mt-cfg-panel input[type="text"], #mt-cfg-panel input[type="number"], #mt-cfg-panel input[type="url"], #mt-cfg-panel input[type="email"], #mt-cfg-panel select, #mt-cfg-panel textarea{ background:rgba(255,255,255,.04) !important; border:0 !important; border-radius:5px !important; height:38px !important; padding:0 14px !important; color:var(--hv-tx-1) !important; font-size:14px !important; font-family:inherit !important; outline:0 !important; transition:background .15s !important; box-shadow:none !important; } #mt-cfg-panel textarea{ height:auto !important; min-height:72px !important; padding:11px 14px !important; line-height:1.55 !important; } #mt-cfg-panel input:hover, #mt-cfg-panel select:hover, #mt-cfg-panel textarea:hover{ background:rgba(255,255,255,.07) !important; } #mt-cfg-panel input:focus, #mt-cfg-panel select:focus, #mt-cfg-panel textarea:focus{ background:rgba(255,255,255,.09) !important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.20) !important; } #mt-cfg-panel input::placeholder, #mt-cfg-panel textarea::placeholder{ color:var(--hv-tx-5) !important; } #mt-cfg-panel .mcp-preset-btn{ background:transparent !important; color:var(--hv-tx-2) !important; border:0 !important; border-radius:5px !important; height:32px !important; padding:0 14px !important; font-size:13px !important; font-weight:600 !important; transition:background .15s, color .15s !important; } #mt-cfg-panel .mcp-preset-btn:hover{ background:rgba(255,255,255,.06) !important; color:#fff !important; } #mt-cfg-panel .mcp-preset-btn.is-active{ background:#fff !important; color:#0a0a0a !important; } #mt-cfg-panel .mcp-preset-save-cur, #mt-cfg-panel .mcp-preset-export-btn{ background:transparent !important; border:0 !important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.08) !important; color:var(--hv-tx-3) !important; border-radius:5px !important; height:32px !important; font-size:12.5px !important; font-weight:600 !important; } #mt-cfg-panel .mcp-preset-save-cur:hover, #mt-cfg-panel .mcp-preset-export-btn:hover{ background:rgba(255,255,255,.04) !important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.20) !important; color:#fff !important; } #mt-cfg-panel .mcp-preset-sep{ background:rgba(255,255,255,.05) !important; height:1px !important; margin:10px 0 !important; } #mt-cfg-panel .mcp-seg{ background:rgba(255,255,255,.04) !important; border:0 !important; border-radius:5px !important; padding:3px !important; display:inline-flex !important; gap:1px !important; } #mt-cfg-panel .mcp-seg button, #mt-cfg-panel .mcp-seg .mcp-seg-btn{ background:transparent !important; border:0 !important; color:var(--hv-tx-3) !important; height:30px !important; padding:0 14px !important; font-size:12.5px !important; font-weight:600 !important; border-radius:4px !important; transition:background .15s, color .15s !important; } #mt-cfg-panel .mcp-seg button:hover, #mt-cfg-panel .mcp-seg .mcp-seg-btn:hover{ color:#fff !important; } #mt-cfg-panel .mcp-seg button.is-active, #mt-cfg-panel .mcp-seg .mcp-seg-btn.is-active{ background:#fff !important; color:#0a0a0a !important; } #mt-cfg-panel .mcp-swatch, #mt-cfg-panel .mcp-swatch-custom, #mt-cfg-panel .mcp-color-sw{ width:30px !important; height:30px !important; border:0 !important; border-radius:5px !important; transition:transform .15s !important; box-shadow:none !important; flex-shrink:0 !important; box-sizing:border-box !important; } #mt-cfg-panel .mcp-swatches{ align-items:center !important; row-gap:7px !important; } #mt-cfg-panel .mcp-swatch:hover, #mt-cfg-panel .mcp-color-sw:hover{ transform:scale(1.08); } #mt-cfg-panel .mcp-swatch.is-active, #mt-cfg-panel .mcp-color-sw.is-active{ box-shadow:0 0 0 2px #fff, 0 0 0 4px rgba(255,255,255,.18) !important; } #mt-cfg-panel .mcp-swatch.active{ transform:scale(1.12) !important; } #mt-cfg-panel .mcp-sec-list::-webkit-scrollbar{ width:6px; } #mt-cfg-panel .mcp-sec-list::-webkit-scrollbar-track{ background:transparent; } #mt-cfg-panel .mcp-sec-list::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.10); border-radius:3px; } #mt-cfg-panel .mcp-sec-list::-webkit-scrollbar-thumb:hover{ background:rgba(255,255,255,.18); } #mt-cfg-panel .mt-drag-w{ position:absolute; top:0; left:-8px; bottom:0; width:16px; cursor:ew-resize; z-index:20; display:flex; align-items:center; justify-content:center; } #mt-cfg-panel .mt-drag-w::after{ content:''; width:3px; height:64px; background:rgba(255,255,255,.14); border-radius:2px; opacity:.6; transition:opacity .25s, background .25s, width .25s, height .25s; } #mt-cfg-panel:hover .mt-drag-w::after{ opacity:1; } #mt-cfg-panel .mt-drag-w:hover::after, #mt-cfg-panel .mt-drag-w.dragging::after{ background:#fff; width:4px; height:80px; box-shadow:var(--hv-glow); } #mt-cfg-panel .mt-drag-h{ position:absolute; left:0; right:0; bottom:-8px; height:16px; cursor:ns-resize; z-index:20; display:flex; align-items:center; justify-content:center; } #mt-cfg-panel .mt-drag-h::after{ content:''; width:64px; height:3px; background:rgba(255,255,255,.14); border-radius:2px; opacity:.6; transition:opacity .25s, background .25s, width .25s, height .25s; } #mt-cfg-panel:hover .mt-drag-h::after{ opacity:1; } #mt-cfg-panel .mt-drag-h:hover::after, #mt-cfg-panel .mt-drag-h.dragging::after{ background:#fff; width:80px; height:4px; box-shadow:var(--hv-glow); } #mt-cfg-panel.fullscreen .mt-drag-w, #mt-cfg-panel.fullscreen .mt-drag-h{ display:none; } #mt-cfg-panel .mcp-head-acts{ display:flex !important; align-items:center !important; gap:4px !important; margin-left:auto !important; } #mt-cfg-panel .mcp-fs{ background:transparent !important; border:0 !important; color:var(--hv-tx-3) !important; width:30px !important; height:30px !important; border-radius:5px !important; cursor:pointer; display:grid; place-items:center; transition:background .15s, color .15s; } #mt-cfg-panel .mcp-fs:hover{ background:rgba(255,255,255,.08) !important; color:#fff !important; } #mt-cfg-panel.fullscreen .mcp-fs .mcp-fs-out{ display:none !important; } #mt-cfg-panel.fullscreen .mcp-fs .mcp-fs-in{ display:block !important; } #mt-cfg-panel .mcp-save-btn{ background:#fff !important; color:#0a0a0a !important; border:0 !important; border-top:0 !important; font-size:13.5px !important; font-weight:700 !important; letter-spacing:-.005em !important; padding:14px !important; transition:background .15s !important; } #mt-cfg-panel .mcp-save-btn:hover{ background:#e5e5e5 !important; } #mt-cfg-panel .mcp-mp-tab{ background:transparent !important; border:1px solid rgba(255,255,255,.08) !important; color:var(--hv-tx-3) !important; border-radius:5px !important; height:30px !important; padding:0 12px !important; font-size:11.5px !important; font-weight:600 !important; letter-spacing:.04em !important; transition:background .15s, color .15s, border-color .15s !important; } #mt-cfg-panel .mcp-mp-tab:hover{ background:rgba(255,255,255,.04) !important; border-color:rgba(255,255,255,.20) !important; color:#fff !important; } #mt-cfg-panel .mcp-mp-tab.is-active{ background:#fff !important; border-color:#fff !important; color:#0a0a0a !important; } #mt-cfg-panel .mcp-mp-tile{ background:rgba(255,255,255,.03) !important; border:1px solid rgba(255,255,255,.06) !important; border-radius:6px !important; transition:background .15s, border-color .15s, transform .15s !important; } #mt-cfg-panel .mcp-mp-tile:hover{ background:rgba(255,255,255,.06) !important; border-color:rgba(255,255,255,.20) !important; transform:translateY(-1px); } #mt-cfg-panel .mcp-mp-tile.is-active{ border-color:#fff !important; background:rgba(255,255,255,.08) !important; box-shadow:0 0 0 1px #fff !important; } #mt-cfg-panel .mcp-mp-tile.is-active .mcp-mp-label{ color:#fff !important; } #mt-cfg-panel .mcp-item-act-clone:hover{ background:rgba(255,255,255,.10) !important; color:#fff !important; } #mt-cfg-panel [data-mt-f][contenteditable="true"]{ outline:2px solid #fff !important; } #mt-cfg-panel .mcp-preset-btn:hover{ background:rgba(255,255,255,.10) !important; color:#fff !important; border-color:transparent !important; } #mt-cfg-panel .mcp-preset-save-cur:hover{ border-color:rgba(255,255,255,.20) !important; color:#fff !important; } #mt-cfg-panel .mcp-row select:focus, #mt-cfg-panel .mcp-row input:focus, #mt-cfg-panel .mcp-mp-search:focus{ outline:none !important; border-color:transparent !important; background:rgba(0,0,0,.45) !important; } #mt-cfg-panel .mcp-pos-tab{ background:rgba(255,255,255,.06) !important; color:var(--hv-tx-3) !important; border:0 !important; border-radius:5px !important; height:30px !important; padding:0 14px !important; font-size:12.5px !important; font-weight:600 !important; transition:background .15s, color .15s !important; } #mt-cfg-panel .mcp-pos-tab:hover{ background:rgba(255,255,255,.10) !important; color:#fff !important; } #mt-cfg-panel .mcp-pos-tab.active{ background:#fff !important; color:#0a0a0a !important; } #mt-cfg-panel input[type="text"][placeholder*="20"], #mt-cfg-panel input[type="text"][placeholder*="30"]{ text-align:center !important; } #mt-admin-bar .mt-lang{ display:inline-flex; align-items:center; height:30px !important; background:rgba(255,255,255,.04) !important; border-radius:5px !important; padding:2px !important; gap:1px !important; flex-shrink:0; } #mt-admin-bar .mt-lang .mt-lang-pub{ height:26px; padding:0 11px; background:transparent; color:var(--hv-tx-3); font-size:12.5px; font-weight:600; border-radius:4px; display:inline-flex; align-items:center; gap:5px; cursor:pointer; transition:color .15s; border:0; } #mt-admin-bar .mt-lang .mt-lang-pub:hover{ color:var(--hv-tx-1); } #mt-admin-bar .mt-lang .mt-lang-btn{ height:26px; padding:0 10px; min-width:32px; background:transparent; color:var(--hv-tx-3); font-size:12.5px; font-weight:700; border-radius:4px; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; border:0; transition:background .15s, color .15s; } #mt-admin-bar .mt-lang .mt-lang-btn:hover{ color:var(--hv-tx-1); } #mt-admin-bar .mt-lang .mt-lang-btn.is-active{ background:#fff; color:#0a0a0a; } #mt-admin-bar .mt-lang .mt-lang-cog{ width:26px; height:26px; background:transparent; color:var(--hv-tx-3); border-radius:4px; cursor:pointer; border:0; display:grid; place-items:center; transition:background .15s, color .15s; font-size:14px; } #mt-admin-bar .mt-lang .mt-lang-cog:hover{ background:rgba(255,255,255,.06); color:var(--hv-tx-1); } #mcp-export-overlay{ background:rgba(0,0,0,.55) !important; -webkit-backdrop-filter:saturate(160%) blur(8px); backdrop-filter:saturate(160%) blur(8px); } #mcp-export-overlay > div{ background:rgba(20,20,24,.95) !important; -webkit-backdrop-filter:saturate(160%) blur(28px); backdrop-filter:saturate(160%) blur(28px); border:1px solid rgba(255,255,255,.08) !important; box-shadow:0 24px 64px rgba(0,0,0,.7) !important; border-radius:14px !important; color:#f5f5f5; } #mcp-export-overlay > div > div:first-child{ border-bottom:1px solid rgba(255,255,255,.05) !important; padding:16px 20px !important; } #mcp-export-overlay > div > div:first-child span{ color:#fff !important; font-size:13.5px !important; letter-spacing:.01em; } #mcp-export-close, #mcp-export-close2{ color:rgba(245,245,245,.5) !important; transition:background .15s, color .15s; border-radius:5px !important; } #mcp-export-close:hover{ background:rgba(255,255,255,.08) !important; color:#fff !important; } #mcp-export-json{ background:rgba(0,0,0,.30) !important; border:1px solid rgba(255,255,255,.06) !important; color:#f5f5f5 !important; font-size:11.5px !important; line-height:1.55 !important; border-radius:8px !important; } #mcp-export-json:focus{ outline:none !important; border-color:rgba(255,255,255,.20) !important; } #mcp-export-overlay > div > div:last-child{ border-top:1px solid rgba(255,255,255,.05) !important; padding:12px 20px 16px !important; } #mcp-export-copy{ background:#fff !important; color:#0a0a0a !important; font-weight:700 !important; border:0 !important; border-radius:6px !important; padding:9px 22px !important; font-size:12.5px !important; letter-spacing:.02em; box-shadow:0 0 12px rgba(255,255,255,.30), 0 0 24px rgba(255,255,255,.10); transition:background .15s; } #mcp-export-copy:hover{ background:#e8e8e8 !important; } #mcp-export-close2{ background:rgba(255,255,255,.06) !important; color:rgba(245,245,245,.7) !important; border:1px solid rgba(255,255,255,.06) !important; border-radius:6px !important; padding:9px 16px !important; font-size:12.5px !important; transition:background .15s, color .15s, border-color .15s; } #mcp-export-close2:hover{ background:rgba(255,255,255,.10) !important; border-color:rgba(255,255,255,.20) !important; color:#fff !important; } @supports not (aspect-ratio: 1/1){ .mcp-mp-thumb{height:0;padding-bottom:62.5%} .us-shape-circle .us-card-media{height:0!important;padding-bottom:100%!important} .us-modal-inner{height:0;padding-bottom:56.25%} }