.modal-backdrop[data-v-47d8b635]{background-color:var(--shadow-color-2)}.LayoutPlanModal{&[data-v-47d8b635]{pointer-events:all;background-color:var(--base-color-1);box-shadow:var(--box-shadow-depth-2);border-radius:12px;flex-direction:row;place-content:center;align-items:center;margin:auto;display:flex}&.v-enter-active[data-v-47d8b635]{transition:all .5s cubic-bezier(.4,.4,0,1)}&.v-enter-from{&[data-v-47d8b635]{opacity:0}& section[data-v-47d8b635]{transform:translateY(20px)}}& section{&[data-v-47d8b635]{flex-direction:column;align-items:center;width:540px;transition:all .5s cubic-bezier(.4,.4,0,1);display:flex}& .close-button{&[data-v-47d8b635]{cursor:pointer;opacity:.9;z-index:1000000;border-radius:50%;width:32px;height:32px;transition:all .5s cubic-bezier(.4,.4,0,1);display:none;position:absolute;top:-30px;left:-30px}&[data-v-47d8b635]:hover{opacity:1}& i[data-v-47d8b635]{color:var(--text-color-1);font-size:24px}}& .can-not-change[data-v-47d8b635]{padding:80px 20px}}}.InputSuggest{&[data-v-677a814b]{position:relative}& input[type=text][data-v-677a814b]{border:1px solid var(--piano-input-border-color);color:var(--text-color-2);border-radius:4px;width:100%;margin-right:10px;padding:0 20px;font-size:14px;line-height:42px}& .suggestions{&[data-v-677a814b]{z-index:1000000;width:100%;height:auto;max-height:400px;box-shadow:0 0 0 1px var(--shadow-color-0), 0 0 10px #0000001a;background:var(--base-color-1);border-radius:3px;margin-top:-2px;position:absolute;top:100%;left:0;overflow-y:auto}& .suggestion{&[data-v-677a814b]{cursor:pointer;border-radius:0;align-items:center;width:100%;height:auto;display:flex}&[data-v-677a814b]:first-child{border-radius:3px 3px 0 0}&[data-v-677a814b]:last-child{border-radius:0 0 3px 3px}&[data-v-677a814b]:hover{background:var(--shadow-color-0);transition:none}&.isSelected[data-v-677a814b]{background:var(--shadow-color-1)}}}}.PlanCoupon{&[data-v-de965c53]{z-index:1;position:relative}& .coupon-changer,& .coupon-opener{&[data-v-de965c53]{color:var(--pd-black-2);cursor:pointer;padding:0 8px;font-size:13px;display:inline-block}&[data-v-de965c53]:hover{color:var(--text-color-2)}&.hasCoupon{&[data-v-de965c53]{color:var(--piano-blue-600);align-items:center;font-size:12px;font-style:normal;font-weight:700;display:flex}& .material-icons[data-v-de965c53]{color:var(--piano-blue-600);margin-right:3px;font-size:17px}&[data-v-de965c53]:hover{opacity:.8}}}& .coupon-changer{&[data-v-de965c53]{opacity:.6}&[data-v-de965c53]:hover{opacity:1}}& .form-wrap{&[data-v-de965c53]{width:100%}& .form{&[data-v-de965c53]{width:100%}& .InputSuggest{&[data-v-de965c53]{flex:1}&[data-v-de965c53] .suggestions{& .suggestion{&:not(:last-child){border-bottom:1px solid var(--base-color-2)}}}& .inner{&[data-v-de965c53]{justify-content:space-between;align-items:center;width:100%;padding:15px;display:flex}& .main{&[data-v-de965c53]{flex:1;overflow:hidden}& .name[data-v-de965c53]{color:var(--text-color-1);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}& .detail{&[data-v-de965c53]{margin-top:3px;font-size:10px;display:flex}& .percentOff,& .amountOff{& .percent[data-v-de965c53],& .currency[data-v-de965c53],& .amount[data-v-de965c53]{color:var(--text-color-1);font-size:10px;font-weight:700;line-height:1}& .off[data-v-de965c53]{color:var(--text-color-1);margin-left:1px;font-size:10px;font-weight:700;line-height:1}}& .redeemBy{& .separator[data-v-de965c53]{color:var(--text-color-1);font-size:10px;font-weight:400;line-height:1}& .expire[data-v-de965c53]{color:var(--text-color-1);font-size:10px;font-weight:700;line-height:1}}}}& .sub{&[data-v-de965c53]{max-width:80px}& .code[data-v-de965c53]{color:var(--text-color-4);word-break:break-all;text-align:right;font-size:12px;font-weight:700;line-height:1}}}}& button[data-v-de965c53]{width:80px;height:44px;font-size:13px;line-height:1}}& .error-wrap{& p[data-v-de965c53]{color:var(--pd-red-1);font-size:12px}}}& .fade-enter-active[data-v-de965c53]{transition:opacity .8s}& .fade-leave-active.form[data-v-de965c53]{transition:opacity .5s}& .fade-enter-from[data-v-de965c53],& .fade-leave-to[data-v-de965c53]{opacity:0}}.PlanIntervalSwitch{&[data-v-ea17d121]{align-items:center;width:100%;display:flex;position:relative}& .SelectSwitch{&[data-v-ea17d121]{background:var(--piano-gray-100);cursor:pointer;border-radius:6px;width:100%;padding:2px;display:flex;position:relative}&[data-v-ea17d121]:before{content:"";background:var(--piano-white);z-index:0;border-radius:4px;width:calc(50% - 2px);height:calc(100% - 4px);transition:transform .2s cubic-bezier(.4,.4,0,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #11111114}&.isActiveLeft[data-v-ea17d121]:before{transform:translate(100%)}&[data-v-ea17d121]:disabled{opacity:.7;cursor:not-allowed}& .SelectSwitchItem{&[data-v-ea17d121]{z-index:0;user-select:none;justify-content:center;align-items:center;width:50%;padding:8px 16px;display:flex}&.selected[data-v-ea17d121]{color:var(--color-black);font-weight:700}}}& .tooltip[data-v-ea17d121]{background-color:var(--piano-black);user-select:none;white-space:nowrap;border-radius:20px;width:auto;padding:4px 10px;animation:.3s ease-in-out .8s both show-ea17d121;position:absolute;bottom:calc(100% + 12px);left:75%;box-shadow:0 12px 36px -6px #00000012,0 8px 20px -4px #0000001a}}@keyframes show-ea17d121{0%{opacity:0;transform:translate(-50%,4px)scale(.99)}to{opacity:1;transform:translate(-50%)scale(1)}}.spinner[data-v-2fd55cfc]{border:2px solid #fff3;border-color:#ffffffe6 #fff3 #fff3 #ffffffe6;border-radius:50%;width:16px;height:16px;animation:1s linear infinite loading-spin-2fd55cfc;display:block}.spinner.black[data-v-2fd55cfc]{border:2px solid var(--shadow-color-1);border-top-color:var(--text-color-4);border-left-color:var(--text-color-4)}@keyframes loading-spin-2fd55cfc{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-enter-active[data-v-d942cc0c]{transition:opacity .8s,transform .5s}.fade-enter-from[data-v-d942cc0c]{opacity:0;transform:scale(1.05)}.fade-enter-to[data-v-d942cc0c]{opacity:1;transform:scale(1)}.spinner[data-v-120a6cf5]{border:2px solid #fff3;border-color:#ffffffe6 #fff3 #fff3 #ffffffe6;border-radius:50%;width:16px;height:16px;animation:1s linear infinite loading-spin-120a6cf5;display:block}.spinner.black[data-v-120a6cf5]{border:2px solid var(--shadow-color-1);border-top-color:var(--text-color-4);border-left-color:var(--text-color-4)}@keyframes loading-spin-120a6cf5{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-enter-active[data-v-cf5711a3]{transition:opacity .8s}.fade-leave-active[data-v-cf5711a3]{transition:opacity .4s}.fade-enter-from[data-v-cf5711a3],.fade-leave-to[data-v-cf5711a3]{opacity:0}.ModalPreviewOff{&[data-v-5a7414e4]{flex-direction:column;place-content:center;align-items:center;display:flex;position:relative}& .live-preview-illust{&[data-v-5a7414e4]{background-image:url(/assets/illust-live-preview-illust2-3Ban62mq.svg);width:312px;height:131px;margin:23px 0;position:relative}& div{&[data-v-5a7414e4]{flex-flow:wrap;width:19px;height:29px;padding:1px;display:flex;position:absolute;overflow:hidden}& span[data-v-5a7414e4]{background:#ffffffe6;width:15px;height:10px;margin-bottom:1px;animation:3s cubic-bezier(.4,.4,0,1) infinite alternate live-preview-illust-span-5a7414e4}}& .pc[data-v-5a7414e4]{top:83px;left:167px}& .sp[data-v-5a7414e4]{top:104px;left:219px}& .sp1[data-v-5a7414e4]{top:103px;left:24px}& .sp2[data-v-5a7414e4]{top:101px;left:318px}}}@keyframes live-preview-illust-span-5a7414e4{0%{border-radius:5px;width:15px;height:10px;margin-right:1px}20%{border-radius:5px;width:15px;height:10px;margin-right:1px}40%{border-radius:0;width:15px;height:10px;margin-right:1px}60%{width:15px;height:10px;margin-right:1px}80%{width:7px;height:7px;margin-right:1px}to{width:7px;height:7px;margin-right:1px}}.ModalPreviewOn{&[data-v-25cc004d]{flex-direction:column;place-content:center;align-items:center;gap:8px;display:flex;position:relative}& .url{&[data-v-25cc004d]{text-align:center;border-radius:2px;min-width:300px;overflow-x:hidden}& a{&[data-v-25cc004d]{color:#000;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:16px;width:100%;font-size:20px;font-weight:400;line-height:1.2;display:flex;overflow:hidden}&[data-v-25cc004d]:hover{color:var(--piano-const-gray-500)}}}& button.copy-button{&[data-v-25cc004d]{border-radius:20px;flex-direction:row;width:auto;height:40px;padding:0 15px;display:flex;box-shadow:inset 0 0 0 1px #0000001a}& img[data-v-25cc004d]{margin:0 5px}& p[data-v-25cc004d]{text-align:center;color:#111;border-radius:20px;margin:0 5px;font-size:12px;font-weight:400;line-height:20px}&[data-v-25cc004d]:hover{background:#0000000d}&[data-v-25cc004d]:active{background:#0000001a}&.copied[data-v-25cc004d]{pointer-events:none}}& input.copy[data-v-25cc004d]{opacity:0;pointer-events:none;width:1px;height:1px}}.ModalPreview[data-v-c6c785c0]{background:#fff;justify-content:center;align-items:center;width:100%;height:400px;display:flex;position:absolute;top:0;left:0;box-shadow:0 4px 20px #0000001a}.loading[data-v-c6c785c0]{background:#fffc;border-radius:2px;place-content:center;align-items:center;display:flex;position:absolute;inset:0}.loader[data-v-c6c785c0]{box-sizing:border-box;border:1px solid #0000;border-top-color:#222;border-radius:50%;width:30px;height:30px;animation:.8s linear infinite project-live--spin-c6c785c0}@keyframes project-live--spin-c6c785c0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{&[data-v-35b27e48]{z-index:2;border-radius:50%;width:16px;height:16px;animation:1s linear infinite loading-spin-35b27e48}&.white[data-v-35b27e48]{border:2px solid #fff3;border-color:#ffffffe6 #fff3 #fff3 #ffffffe6}&.black[data-v-35b27e48]{border:2px solid #0000001a;border-color:#0000004d #0000001a #0000001a #0000004d}}@keyframes loading-spin-35b27e48{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.custom-domain-cancel{&[data-v-f2a9a9a1]{justify-content:center;align-items:center;gap:8px;transition:all .4s cubic-bezier(.4,.4,0,1);display:flex}&.cancelLoading[data-v-f2a9a9a1]{pointer-events:none;min-width:36px;padding:8px 0}& button{&[data-v-f2a9a9a1]{color:#333;cursor:pointer;background:#fff;border-radius:20px;padding:8px 20px;font-size:12px;font-weight:500;line-height:17px;transition:all .4s cubic-bezier(.4,.4,0,1);box-shadow:inset 0 0 0 1px #0000001a}&.cancel{&[data-v-f2a9a9a1]{color:#fff;background:#333}&[data-v-f2a9a9a1]:hover{background-color:#000000b3}}&[data-v-f2a9a9a1]:hover{background-color:#0000000a}}}.ModalAboutCustom{& .link{&[data-v-11ac4193]{justify-content:center;align-self:flex-start;display:flex}& .material-icons[data-v-11ac4193]{color:#2a73f6;font-size:16px}& .text[data-v-11ac4193]{color:#2a73f6;margin-left:4px;font-size:12px;font-weight:700;line-height:17px}&:hover{& .material-icons[data-v-11ac4193],& .text[data-v-11ac4193]{color:#558cf3}}}}.ModalPublishBadge{& button.remove-badge{&[data-v-0f16b740]{border-radius:40px;align-items:center;width:auto;min-width:200px;height:36px;margin-left:30px;padding:0 16px;transition:all .4s cubic-bezier(.4,.4,0,1);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000001a}&.loading[data-v-0f16b740]{pointer-events:none;min-width:36px;padding:0;display:flex}& .check[data-v-0f16b740]{background:#00000014;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-right:10px;display:flex}& p[data-v-0f16b740]{color:var(--piano-unchange-black);font-size:12px}}}.AppButton{&[data-v-44e2ad49]{color:#292929;white-space:pre;background:#f2f2f2;border-radius:40px;justify-content:center;align-items:center;width:auto;min-width:60px;height:32px;padding:0 20px;font-size:14px;font-weight:500;line-height:1;transition:all .4s cubic-bezier(.4,.4,0,1);display:flex;position:relative}&[data-v-44e2ad49]:hover{background:#e9e9e9}&.loading[data-v-44e2ad49]{pointer-events:none}&[data-v-44e2ad49]:disabled{pointer-events:none;opacity:.3}& .spinner-wrap{&[data-v-44e2ad49]{width:16px;height:16px;position:relative}& .spinner[data-v-44e2ad49]{border:2px solid #aaaaaa4d;border-color:#aaaaaae6 #aaaaaa4d #aaaaaa4d #aaaaaae6;border-radius:50%;width:16px;height:16px;animation:1s linear infinite loading-spin-44e2ad49;display:inline-block}}&[data-type=cancel]{&[data-v-44e2ad49]:disabled{opacity:.6}}}@keyframes loading-spin-44e2ad49{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.AppHelp{&[data-v-1ab9d727]{justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,.4,0,1);display:flex}&.v-enter-from[data-v-1ab9d727],&.v-leave-to[data-v-1ab9d727]{opacity:0}& .material-icons[data-v-1ab9d727]{margin-right:5px;font-size:16px}& .text[data-v-1ab9d727]{color:#666;white-space:pre-wrap;margin-right:7px;font-size:12px;line-height:14px}&.warn{& .material-icons[data-v-1ab9d727]{color:#eb8331}& .text[data-v-1ab9d727]{color:#eb8331;font-weight:700}}&.error{& .material-icons[data-v-1ab9d727]{color:#c94031}& .text[data-v-1ab9d727]{color:#c94031;font-weight:700}}& .PopOverPanel img[data-v-1ab9d727]{vertical-align:bottom}}.ModalPublishCustom{&[data-v-4ed74045]{flex-direction:column;display:flex;position:absolute}&.v-enter-from[data-v-4ed74045],&.v-leave-to[data-v-4ed74045]{opacity:0}&.v-enter-from[data-v-4ed74045]{transform:rotateY(90deg)}&.v-leave-to[data-v-4ed74045]{transform:rotateY(-90deg)}&.v-enter-active[data-v-4ed74045]{transition:all .3s cubic-bezier(.3,.7,.5,1) .3s}&.v-leave-active[data-v-4ed74045]{transition:all .3s cubic-bezier(.5,0,.7,.3)}& .AppHelp[data-v-4ed74045]{margin-bottom:20px}& .main{&[data-v-4ed74045]{justify-content:center;align-items:center;display:flex;position:relative}& .close-wrap{&[data-v-4ed74045]{position:absolute;top:10px;right:100%}& .loading[data-v-4ed74045]{place-content:center;align-items:center;width:40px;height:40px;margin-right:10px;display:flex}& button.delete{&[data-v-4ed74045]{background:#00000026;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin:2px 22px 2px 2px;transition:all .4s cubic-bezier(.4,.4,0,1);display:flex}& .material-icons[data-v-4ed74045]{color:#fff;font-size:16px;font-weight:700}&[data-v-4ed74045]:hover{background:#0006}}}& .url{&[data-v-4ed74045]{justify-content:center;align-items:center;display:flex}& .material-icons[data-v-4ed74045]{margin-top:2px;margin-right:10px;line-height:40px}& .protocol[data-v-4ed74045],& .domain[data-v-4ed74045]{font-size:26px;line-height:31px}& .protocol[data-v-4ed74045]{transition:all .4s cubic-bezier(.4,.4,0,1)}& .domain[data-v-4ed74045]{color:#292929}& .open-link{&[data-v-4ed74045]{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-left:10px;display:flex;position:absolute;left:100%}& .material-icons[data-v-4ed74045]{color:#adadad;font-size:20px;transition:color .4s cubic-bezier(.4,.4,0,1)}&:hover{&[data-v-4ed74045]{background:0 0}& .material-icons[data-v-4ed74045]{color:#666}}}}&.progress{& .material-icons[data-v-4ed74045]{color:#ccc}& .protocol[data-v-4ed74045]{color:#aaa}}&.failed{& .material-icons[data-v-4ed74045],& .protocol[data-v-4ed74045]{color:#c94031}}&.completed{& .material-icons[data-v-4ed74045],& .protocol[data-v-4ed74045]{color:#56a700}}}& .btn-wrap{&[data-v-4ed74045]{flex-direction:column;align-items:stretch;margin-top:20px;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%)}& .AppButton{&[data-v-4ed74045]{min-width:190px;margin:0}&.retry{&[data-v-4ed74045]{background-color:#0000;border:1px solid #00000026}&[data-v-4ed74045]:hover{background:#f2f2f2}}&[data-v-4ed74045]:nth-child(2){margin-top:10px}& img[data-v-4ed74045]{vertical-align:text-bottom;margin-right:6px}}}}.spinner[data-v-4ed74045]{border:2px solid #fff3;border-color:#ffffffe6 #fff3 #fff3 #ffffffe6;border-radius:50%;width:16px;height:16px;animation:1s linear infinite loading-spin-4ed74045}.spinner.black[data-v-4ed74045]{border:2px solid var(--shadow-color-1);border-top-color:var(--text-color-4);border-left-color:var(--text-color-4)}@keyframes loading-spin-4ed74045{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.AppStep{&[data-v-c8a408d3]{color:#ccc;flex-direction:column;justify-content:center;align-items:center;width:167px;display:flex;position:relative}& .marks{&[data-v-c8a408d3]{justify-content:center;align-items:center;height:20px;display:flex}& .bar[data-v-c8a408d3]{background-image:linear-gradient(90deg,#00000026 0 50%,#333 50% 100%);background-position:0,0;background-size:200%;width:150px;height:2px;transition:none}& .circle[data-v-c8a408d3]{background:#fff;border:2px solid #00000026;border-radius:50%;width:18px;height:18px}}& .inner-text{&[data-v-c8a408d3]{white-space:nowrap;color:#ccc;max-width:150px;font-size:12px;font-weight:500;line-height:14px;position:absolute;bottom:-20px;right:9px;transform:translate(50%)}&.availableGoto{&[data-v-c8a408d3]{cursor:pointer}&[data-v-c8a408d3]:hover{color:#bbb}}}&.isFirst{&[data-v-c8a408d3]{width:auto}& .marks{&[data-v-c8a408d3]{width:20px}& .bar[data-v-c8a408d3]{display:none}}}&.isCurrent{& .marks{& .bar[data-v-c8a408d3]{background-position:-100%,0;transition:background-position .8s cubic-bezier(.4,.4,0,1)}& .circle[data-v-c8a408d3]{border-width:3px;border-color:#333;width:20px;height:20px;transition:border-color .8s cubic-bezier(0,0,.2,1) .7s}}& .inner-text[data-v-c8a408d3]{color:#333;font-weight:700;transition:color .8s cubic-bezier(0,0,.2,1) .7s}}&.isFinish{& .marks{& .bar[data-v-c8a408d3]{background-position:-100%,0}& .circle[data-v-c8a408d3]{background-color:#333;background-image:url(/assets/i-12-check-Dg5tlmJ6.svg);background-position:50% 70%;background-size:12px 12px;border-color:#333}}& .inner-text[data-v-c8a408d3]{color:#333}}}.AppSteps[data-v-18a89490]{display:flex}.AppH2[data-v-b9a1808e]{color:#292929;font-size:18px;font-weight:700;line-height:26px}.LayoutModal{&[data-v-69a22efb]{text-align:center}& .header[data-v-69a22efb]{margin-top:-50px;margin-bottom:50px}& .footer[data-v-69a22efb]{margin-top:15px;margin-bottom:-15px}}.StepConfirmingDnsConnection{& .AppH2{&.v-enter-active[data-v-f4bb34c3]{transition:all .8s cubic-bezier(.4,.4,0,1)}&.v-leave-active[data-v-f4bb34c3]{transition:all .1s cubic-bezier(.4,.4,0,1)}&.v-enter-from[data-v-f4bb34c3],&.v-leave-to[data-v-f4bb34c3]{opacity:0}}& .main{&[data-v-f4bb34c3]{justify-content:center;align-items:center;height:40px;display:flex;position:relative}& .domain-name[data-v-f4bb34c3]{color:#292929;font-size:26px;line-height:31px}& .anim-base{&[data-v-f4bb34c3]{width:400px;height:100%;margin:0 10px;transition:all 1.2s cubic-bezier(.4,.4,0,1);display:flex;position:relative}& .rope{&[data-v-f4bb34c3]{z-index:2;background:#aaa;border-radius:1px;width:4px;height:2px;transition:all 1.4s cubic-bezier(.4,.4,0,1);position:absolute;top:20px}&.failure{&[data-v-f4bb34c3]{width:50%;transition:width 1.4s cubic-bezier(.4,.4,0,1),background .8s cubic-bezier(.4,.4,0,1) .9s}& .ipAddresses[data-v-f4bb34c3]{opacity:1;transition:all .8s cubic-bezier(.4,.4,0,1) .3s;transform:translate(15px)}}&.success[data-v-f4bb34c3]{background:#0071ff33;width:100%;transition:width 1.4s cubic-bezier(.4,.4,0,1),background .8s cubic-bezier(.4,.4,0,1) .9s}& .ipAddresses{&[data-v-f4bb34c3]{opacity:0;transform-origin:0;flex-direction:column;justify-content:center;align-items:flex-start;transition:all .5s cubic-bezier(.4,.4,0,1);display:flex;position:absolute;top:-20px;bottom:-20px;left:100%;transform:scale(.8)}& .material-icons[data-v-f4bb34c3]{color:#333;vertical-align:bottom;font-size:16px}& .ipAddress{&[data-v-f4bb34c3]{color:#000000a3;justify-content:center;align-items:center;font-size:14px;line-height:17px;display:flex}& .logo[data-v-f4bb34c3]{background:url(/assets/brand_logo_slash-C162M6bg.svg) 50%/contain no-repeat;width:20px;height:20px;margin-right:2px}}}}}& .logo[data-v-f4bb34c3]{background:url(/assets/brand_logo_slash-C162M6bg.svg) 50%/contain no-repeat;width:24px;height:24px}& .ip-num[data-v-f4bb34c3]{color:#292929;margin-left:4px;font-size:22px;line-height:26px}& .AppButton{&[data-v-f4bb34c3]{margin-left:30px;position:absolute;top:4px;left:100%}&.v-enter-active[data-v-f4bb34c3]{transition:all .2s cubic-bezier(.4,.4,0,1) 1s}&.v-leave-active[data-v-f4bb34c3]{transition:all .1s cubic-bezier(.4,.4,0,1)}&.v-enter-from[data-v-f4bb34c3],&.v-leave-to[data-v-f4bb34c3]{opacity:0}& img[data-v-f4bb34c3]{vertical-align:text-bottom;margin-right:6px}}&.success{& .anim-base[data-v-f4bb34c3]{width:0;transition:all 1s cubic-bezier(.4,.4,0,1) 1.2s}& .domain-name[data-v-f4bb34c3],& .ip-num[data-v-f4bb34c3]{color:#0071ff;transition:all .8s cubic-bezier(.4,.4,0,1) .9s}}}&[data-v-f4bb34c3] .defualt{position:relative}& .AppHelp[data-v-f4bb34c3]{white-space:pre;margin-top:15px;position:absolute;top:100%;left:50%;transform:translate(-50%)}}.StepConfirmingDnsConnection{& .admin-tool{&[data-v-f4bb34c3]{z-index:100;background:#fff;width:400px;height:auto;position:fixed;top:500px;left:0}& .item{&[data-v-f4bb34c3]{cursor:pointer;border:1px solid #ddd;border-radius:15px;margin:10px;padding:4px 10px;display:inline-block}&[data-v-f4bb34c3]:hover{background-color:#eee}}}}.StepEnterCustomDomain{&[data-v-884ae4fd]{flex-direction:column;align-items:center;display:flex;position:relative}& .input{&[data-v-884ae4fd]{align-items:center;display:flex}& .https[data-v-884ae4fd]{color:#aaa;font-size:26px;line-height:31px}& .input-box{&[data-v-884ae4fd]{position:relative}& input{&[data-v-884ae4fd]{color:#292929;text-align:center;border-bottom:1px solid #000;width:400px;padding:5px 10px;font-size:26px;line-height:34px}& -moz-placeholder[data-v-884ae4fd],& -ms-input-placeholder[data-v-884ae4fd]{color:#00000024}&[data-v-884ae4fd]::-webkit-input-placeholder{color:#00000024}&.error[data-v-884ae4fd]{border-bottom:1px solid #e60000}}& .checkLoading[data-v-884ae4fd]{width:16px;height:16px;position:absolute;top:13px;right:10px}& .check{&[data-v-884ae4fd]{position:absolute;top:15px;right:9px}& img[data-v-884ae4fd]{opacity:.72;width:16px;height:16px}}}& .AppButton[data-v-884ae4fd]{margin-left:30px}}& .sub{&[data-v-884ae4fd]{justify-content:center;align-items:center;display:flex}& .text[data-v-884ae4fd]{color:#666;margin-right:7px;font-size:12px;line-height:14px}}}.spinner[data-v-884ae4fd]{border:2px solid #0000001a;border-color:#0000004d #0000001a #0000001a #0000004d;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite loading-spin-884ae4fd}@keyframes loading-spin-884ae4fd{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.StepSettingDnsRecord{&[data-v-181b1b11]{flex-direction:column;align-items:center;display:flex}& .main{&[data-v-181b1b11]{justify-content:center;align-items:center;display:flex}& .record[data-v-181b1b11]{margin-left:-20px;margin-right:20px}& .record[data-v-181b1b11],& .ip[data-v-181b1b11]{text-align:center;color:#292929;font-size:26px;line-height:31px}& .AppButton[data-v-181b1b11]{margin-left:20px;margin-right:-88px}}& .domain-help{&[data-v-181b1b11]{color:#2a73f6;background:#2a73f61f;border-radius:30px;margin-top:15px;padding:5px 15px;font-size:12px;font-weight:700;line-height:14px;display:inline-block}&[data-v-181b1b11]:hover{background:#2a73f62e}}}.LottieAnimation[data-v-a9ee6a33]{display:inline-block}.StepSslBeingIssued{& .AppH2{&[data-v-36d91574]{transition:all .88s cubic-bezier(.4,.4,0,1)}&.v-enter-from[data-v-36d91574],&.v-leave-to[data-v-36d91574]{opacity:0}}& .main{&[data-v-36d91574]{justify-content:center;align-items:center;display:flex}& .url{&[data-v-36d91574]{justify-content:center;align-items:center;display:flex}& .material-icons[data-v-36d91574]{margin-top:2px;margin-right:6px;line-height:40px}& .LottieAnimation[data-v-36d91574]{margin-right:12px}& .protocol[data-v-36d91574],& .domain[data-v-36d91574]{font-size:26px;line-height:31px}& .protocol[data-v-36d91574]{transition:all .4s cubic-bezier(.4,.4,0,1)}& .domain[data-v-36d91574]{color:#292929}& .open-link{&[data-v-36d91574]{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-left:10px;display:flex}&:hover{&[data-v-36d91574]{background:0 0}& img[data-v-36d91574]{opacity:.84}}& img[data-v-36d91574]{opacity:.4;transition:all .4s cubic-bezier(.4,.4,0,1)}}}& .AppButton{&[data-v-36d91574]{margin-left:30px}& img[data-v-36d91574]{vertical-align:text-bottom;margin-right:6px}}&.progress{& .material-icons[data-v-36d91574]{color:#ccc}& .protocol[data-v-36d91574]{color:#aaa}}&.failed{& .material-icons[data-v-36d91574]{color:#c94031}& .protocol[data-v-36d91574]{color:#aaa}}&.completed{& .material-icons[data-v-36d91574],& .protocol[data-v-36d91574]{color:#56a700}}}}.StepSslBeingIssued{& .admin-tool{&[data-v-36d91574]{z-index:100;background:#fff;width:400px;height:auto;position:fixed;top:500px;left:0}& .item{&[data-v-36d91574]{border:1px solid #ddd;width:100%;display:flex}& .label[data-v-36d91574]{border-right:1px solid #ddd;flex-grow:0;width:150px;padding:4px 10px;font-size:12px}& .value{&[data-v-36d91574]{flex-grow:1}& input[data-v-36d91574]{width:100%}}}}}.ModalPublishCustomEdit{&[data-v-d7e9dd21]{height:90px;position:absolute}& .step-wrap{& .StepEnterCustomDomain,& .StepSettingDnsRecord,& .StepConfirmingDnsConnection,& .StepSslBeingIssued{&.v-enter-from[data-v-d7e9dd21],&.v-leave-to[data-v-d7e9dd21]{opacity:0}&.v-enter-from[data-v-d7e9dd21]{transform:translate(20px)}&.v-leave-to[data-v-d7e9dd21]{transform:translate(-20px)}&.v-enter-active[data-v-d7e9dd21]{transition:all .3s cubic-bezier(.3,.7,.5,1) .3s}&.v-leave-active[data-v-d7e9dd21]{transition:all .3s cubic-bezier(.5,0,.7,.3)}}}& .bottom[data-v-d7e9dd21]{background-color:#fff;position:absolute;bottom:-110px;left:50%;transform:translate(-50%)}& .step-manager{&[data-v-d7e9dd21]{z-index:100;background:#fff;width:auto;height:auto;padding:10px;position:fixed;top:350px;right:0}& p{&[data-v-d7e9dd21]{cursor:pointer;border:1px solid #ddd;border-radius:15px;margin:0 10px;padding:4px 10px;display:inline-block}&[data-v-d7e9dd21]:hover{background-color:#eee}}}}.ModalPublishSub{&[data-v-fe17aaff]{flex-direction:column;align-items:center;width:800px;display:flex;position:absolute}&.loading[data-v-fe17aaff]{pointer-events:none}&.publishing[data-v-fe17aaff]{opacity:0;pointer-events:none;transition:all 3s cubic-bezier(.31,.13,0,1);transform:scale(.2)}& .redirect-help{&[data-v-fe17aaff]{margin-top:-20px;margin-bottom:20px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}& .text[data-v-fe17aaff]{color:#aaa;font-size:15px;line-height:22px}}& .main{&[data-v-fe17aaff]{justify-content:center;align-items:center;display:flex;position:relative}& .delete-btn-wrap{&[data-v-fe17aaff]{position:absolute;top:10px;right:100%}& .loadingDelete[data-v-fe17aaff]{place-content:center;align-items:center;width:24px;height:24px;margin-right:18px;display:flex}& button.delete{&[data-v-fe17aaff]{background:#00000026;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin:2px 22px 2px 2px;transition:all .4s cubic-bezier(.4,.4,0,1);display:flex}& .material-icons[data-v-fe17aaff]{color:#fff;font-size:16px;font-weight:700}&[data-v-fe17aaff]:hover{background:#0006}}}& .url{&[data-v-fe17aaff]{align-items:center;line-height:26px;transition:all .4s cubic-bezier(.4,.4,0,1);display:flex;position:relative}&.editing{& .protocol[data-v-fe17aaff],& .top-level-domain[data-v-fe17aaff]{color:#0000003d}}& .protocol[data-v-fe17aaff]{color:#000000d6;font-size:26px;line-height:26px}& .input-wrap{&[data-v-fe17aaff]{border-bottom:1px dashed #0006;justify-content:center;align-items:center;min-width:0;height:40px;transition:min-width .5s cubic-bezier(.4,.4,0,1);display:flex;position:relative}&[data-v-fe17aaff]:hover{border-bottom-color:#000000d6}&.editing{&[data-v-fe17aaff]{border-bottom-style:solid;border-bottom-color:#000000d6;min-width:300px}&.error[data-v-fe17aaff],&.used[data-v-fe17aaff]{border-bottom-color:#dc2727}& .domain[data-v-fe17aaff]{opacity:0;max-width:480px;padding:0 40px 0 30px}}& .domain[data-v-fe17aaff]{color:#000000d6;text-align:center;justify-content:center;height:26px;font-size:26px;line-height:26px;transition:padding .5s cubic-bezier(.4,.4,0,1)}& input.subdomain{&[data-v-fe17aaff]{text-align:center;color:#000000d6;width:100%;min-width:300px;max-width:480px;padding:0 40px 0 30px;font-size:26px;line-height:26px;position:absolute}& -moz-placeholder[data-v-fe17aaff],& -ms-input-placeholder[data-v-fe17aaff]{color:#0000003d}&[data-v-fe17aaff]::-webkit-input-placeholder{color:#0000003d}}& p.error-message[data-v-fe17aaff]{text-align:center;color:#e60000;width:400px;margin-left:-200px;font-size:12px;font-weight:500;line-height:26px;display:block;position:absolute;top:100%;left:50%}& .checkLoading[data-v-fe17aaff]{width:16px;height:16px;position:absolute;top:13px;right:10px}& .check{&[data-v-fe17aaff]{position:absolute;top:11px;right:9px}& img[data-v-fe17aaff]{opacity:.72;width:18px;height:18px}}& .button-wrap{&[data-v-fe17aaff]{justify-content:center;align-items:center;width:200px;margin-top:20px;margin-left:-100px;transition:all .4s cubic-bezier(.4,.4,0,1);display:flex;position:absolute;top:100%;left:50%}&.v-enter-from[data-v-fe17aaff],&.v-leave-to[data-v-fe17aaff]{opacity:0;transform:translateY(-8px)}& button.save{&[data-v-fe17aaff]{background:#222;border-radius:40px;width:100px;height:36px;padding:0 10px;transition:all .4s cubic-bezier(.4,.4,0,1);display:flex}&.loading[data-v-fe17aaff]{pointer-events:none;width:36px}&[data-v-fe17aaff]:hover{opacity:.8}& span[data-v-fe17aaff]{color:#fff;font-size:15px;font-weight:600}& .spinner[data-v-fe17aaff]{border:2px solid #ffffff4d;border-color:#ffffffe6 #ffffff4d #ffffff4d #ffffffe6;width:16px;height:16px;animation:1s linear infinite loading-spin-fe17aaff}}}}& .top-level-domain[data-v-fe17aaff]{color:#000000d6;font-size:26px;line-height:26px}& .open-link{&[data-v-fe17aaff]{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-left:10px;display:flex;position:absolute;left:100%}& .material-icons[data-v-fe17aaff]{color:#adadad;font-size:20px;transition:color .4s cubic-bezier(.4,.4,0,1)}&:hover{&[data-v-fe17aaff]{background:0 0}& .material-icons[data-v-fe17aaff]{color:#666}}}}}& .btn-wrap{&[data-v-fe17aaff]{margin-top:20px;position:absolute;top:100%;left:50%;transform:translate(-50%)}& .AppButton[data-v-fe17aaff]{margin:0 auto}}}.spinner[data-v-fe17aaff]{border:2px solid #0000001a;border-color:#0000004d #0000001a #0000001a #0000004d;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite loading-spin-fe17aaff}.spinner.black[data-v-fe17aaff]{border:2px solid var(--shadow-color-1);border-top-color:var(--text-color-4);border-left-color:var(--text-color-4)}@keyframes loading-spin-fe17aaff{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fontPlusLoader{&[data-v-fe17aaff]{transition:all .6s cubic-bezier(.4,.4,0,1)}&.v-enter-from[data-v-fe17aaff]{opacity:0}&.v-enter-to[data-v-fe17aaff]{opacity:1;transition-delay:2s}&.v-leave-to[data-v-fe17aaff]{transition:none}& .spinner[data-v-fe17aaff]{width:24px;height:24px}}a{&:hover{& .url[data-v-40bf7ec1]{color:var(--piano-const-blue-600)}}}.url{&[data-v-40bf7ec1]{color:#000;font-family:Inter;font-size:26px;font-style:normal;font-weight:400;line-height:31px}&.inactive[data-v-40bf7ec1]{color:var(--piano-const-gray-300)}}.material-icons[data-v-40bf7ec1]{color:#adadad;font-size:20px}button{&[data-v-7c77c88a]{border-radius:40px;align-items:center;width:120px;height:36px;transition:all .4s cubic-bezier(.4,.4,0,1);display:flex}&.loading[data-v-7c77c88a]{pointer-events:none;width:36px}}button.unpublish{&[data-v-7c77c88a]{background:var(--piano-unchange-white);box-shadow:inset 0 0 0 1px #0000001a}&.disable[data-v-7c77c88a]{opacity:.5;pointer-events:none}&.v-enter-from[data-v-7c77c88a],&.v-leave-to[data-v-7c77c88a]{opacity:0;transform:scale(.5)}}button.publish{&[data-v-7c77c88a]{background:var(--piano-const-black)}&[data-v-7c77c88a]:hover{opacity:.8}&.disable[data-v-7c77c88a]{opacity:.3;pointer-events:none;background:#aaa}}.publish-buttons[data-v-c8e78626]{align-items:center;gap:8px;display:flex}.btns[data-v-c8e78626]{flex-direction:row-reverse;justify-content:flex-end;margin-top:-2px;margin-right:-2px;display:flex}.logo{&[data-v-8220e8e2]{cursor:pointer;background-image:url(/assets/brand_logo_s-jKJxmZet.svg);background-repeat:no-repeat;background-size:contain;width:32px;height:32px;transition:all .4s cubic-bezier(.4,.4,0,1)}&[data-v-8220e8e2]:hover{opacity:.8}}.ModalPublish[data-v-bcf7c068]{pointer-events:all;background:#fff;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:380px;padding:25px;transition:all .5s cubic-bezier(.4,.4,0,1);display:flex;position:absolute;top:0;left:0;box-shadow:0 4px 20px #0000001a}header[data-v-bcf7c068]{justify-content:space-between;width:100%;height:32px;display:flex}.diff-section[data-v-bcf7c068]{width:600px;height:200px;margin:10px auto;overflow-y:scroll}.center[data-v-bcf7c068]{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;margin-bottom:20px;display:flex}.bottom{&[data-v-bcf7c068]{justify-content:space-between;align-items:flex-end;width:100%;height:36px;display:flex}& .left[data-v-bcf7c068]{align-items:flex-end;height:36px;display:flex}& .right[data-v-bcf7c068]{align-items:baseline}}.ModalPublishSuccess{&[data-v-bdaf62b5]{opacity:1;background-color:#fff;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:24px;width:620px;height:auto;min-height:400px;padding:40px;transition:all .4s cubic-bezier(.4,.4,0,1);display:flex;box-shadow:0 8px 30px #0000001a}&.isLoading[data-v-bdaf62b5]{opacity:0}}.url-wrap{&[data-v-bdaf62b5]{flex-direction:column;justify-content:center;align-items:center;gap:32px;width:100%;padding:24px;display:flex}& .title{& h2[data-v-bdaf62b5]{color:#000;font-family:grandam;font-size:24px}}& .url{&[data-v-bdaf62b5]{position:relative}& .url-title[data-v-bdaf62b5]{color:#111;word-break:break-all;font-size:24px;font-weight:500;line-height:1.4}& .open-link{&[data-v-bdaf62b5]{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-left:10px;display:flex;position:absolute;top:0;left:100%}& img[data-v-bdaf62b5]{opacity:.4;transition:all .4s cubic-bezier(.4,.4,0,1)}&:hover{&[data-v-bdaf62b5]{background:0 0}& img[data-v-bdaf62b5]{opacity:.84}}}}& .buttons{&[data-v-bdaf62b5]{flex-direction:row;justify-content:center;align-items:center;gap:24px;width:380px;height:48px;transition:all .3s cubic-bezier(.5,0,.7,.3);display:flex}& a,& button{&[data-v-bdaf62b5]{border-radius:50%;justify-self:center;align-items:center;width:48px;height:48px;transition:all .4s cubic-bezier(.4,.4,0,1);display:flex}&[data-v-bdaf62b5]:hover{opacity:.8}&.copy{&[data-v-bdaf62b5]{background:#eee}& img[data-v-bdaf62b5]{width:16px;height:auto}& p[data-v-bdaf62b5]{color:#0009}&.copied[data-v-bdaf62b5]{pointer-events:none}}&.tw{&[data-v-bdaf62b5]{background:#000}& img[data-v-bdaf62b5]{width:24px;height:auto}}&.fb{&[data-v-bdaf62b5]{background:#1977f3}& img[data-v-bdaf62b5]{width:24px;height:auto}}}}}.showcase{&[data-v-bdaf62b5]{border:1px solid #e0e0e0;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:32px;width:100%;padding:32px 32px 24px;display:flex}& .title{&[data-v-bdaf62b5]{justify-content:center;align-items:center;gap:8px;display:flex}& .logo[data-v-bdaf62b5]{background:url(/assets/brand_logo_s-jKJxmZet.svg) 50%/contain no-repeat;width:20px;height:20px}& .text[data-v-bdaf62b5]{color:#1a1a1a;font-size:16px;font-weight:700}}& .message-wrap{&[data-v-bdaf62b5]{flex-direction:column;justify-content:center;align-items:center;gap:24px 0;display:flex}& .message-1[data-v-bdaf62b5]{text-align:center;color:#000;white-space:pre-wrap;font-family:Noto Sans JP;font-size:18px;font-weight:700;line-height:1.4}& .message-2[data-v-bdaf62b5]{text-align:center;color:#111;white-space:pre-wrap;font-family:Noto Sans JP;font-size:14px;font-style:normal;font-weight:500;line-height:1.4}& .message-3[data-v-bdaf62b5]{text-align:center;color:#b3b3b3;font-family:Noto Sans JP;font-size:12px;font-style:normal;font-weight:500;line-height:1.4}}& .button-wrap{&[data-v-bdaf62b5]{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;display:flex}& .button{&[data-v-bdaf62b5]{text-align:center;border-radius:6px;justify-content:center;align-items:center;width:100%;height:44px;font-size:14px;font-weight:700;line-height:1.4;transition:all .2s cubic-bezier(.4,.4,0,1);display:flex}&.submit{&[data-v-bdaf62b5]{color:#fff;background-color:#1a1a1a}&[data-v-bdaf62b5]:hover{background-color:#666;box-shadow:0 2px 4px -1px #0000001a,0 1px 2px #0000000f}}&.tertiary{&[data-v-bdaf62b5]{color:#1a1a1a;background-color:#fff}&[data-v-bdaf62b5]:hover{background-color:#ebebeb}}}}}textarea[data-v-bdaf62b5]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.delete-form[data-v-0a99127c]{opacity:0;transform:translateY(20px)}.delete-form.is-show[data-v-0a99127c]{opacity:1;transition:transform .2s ease-out,opacity .2s ease-out;transform:translateY(0)}.delete-form[data-v-6b2cab96]{opacity:0;transform:translateY(20px)}.delete-form.is-show[data-v-6b2cab96]{opacity:1;transition:transform .2s ease-out,opacity .2s ease-out;transform:translateY(0)}.delete-form[data-v-a990f22c]{opacity:0;transform:translateY(20px)}.delete-form.is-show[data-v-a990f22c]{opacity:1;transition:transform .2s ease-out,opacity .2s ease-out;transform:translateY(0)}.fade-enter-active[data-v-bf93a6f1]{transition:opacity .3s cubic-bezier(.4,.4,0,1)}.fade-enter-from[data-v-bf93a6f1]{opacity:0}.fade-enter-to[data-v-bf93a6f1]{opacity:1}.fade-leave-active[data-v-bf93a6f1]{transition:opacity .2s cubic-bezier(.4,.4,0,1)}.fade-leave-from[data-v-bf93a6f1]{opacity:1}.fade-leave-to[data-v-bf93a6f1]{opacity:0}.segment{&[data-v-53d60e16]{color:var(--text-color-2);white-space:pre;font-size:12px;line-height:12px}&.isSubtitle[data-v-53d60e16]{color:var(--text-color-3);font-size:10px;line-height:10px}}.matched[data-v-53d60e16]{font-weight:700}.CommandPaletteItemNavigation{&[data-v-b467040b]{cursor:pointer;border-radius:4px;align-items:center;gap:6px;width:100%;height:39px;padding:0 10px;display:flex;position:relative}&.isHovered[data-v-b467040b],&.isSelected[data-v-b467040b]{background:var(--shadow-color-0)}}.left{&[data-v-b467040b]{justify-content:center;align-items:center;width:24px;height:100%;display:flex}& .icon[data-v-b467040b]{color:var(--text-color-2);font-size:14px;line-height:14px}& .avatar[data-v-b467040b]{border-radius:8.5px;width:17px;height:17px}& .cover[data-v-b467040b]{aspect-ratio:1.2;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:4px;width:100%}& .empty-image{&[data-v-b467040b]{aspect-ratio:1.3;background-color:var(--piano-gray-200);border-radius:2px;justify-content:center;align-items:center;width:100%;display:flex}& span[data-v-b467040b]{background:#fff;border-radius:1px;width:12px;height:1px;transform:rotate(-45deg)}}}.center{&[data-v-b467040b]{flex:1;margin-right:4px;overflow:hidden}& .title[data-v-b467040b]{text-overflow:ellipsis;white-space:pre;color:var(--text-color-2);white-space:pre;font-size:12px;line-height:12px;display:flex}}.right{&[data-v-b467040b]{max-width:140px}& .text{&[data-v-b467040b]{text-overflow:ellipsis;white-space:nowrap;color:var(--text-color-3);justify-content:flex-end;align-items:center;font-size:10px;line-height:10px;display:block;overflow:hidden}& .segment[data-v-b467040b]{color:var(--text-color-3);font-size:10px;line-height:10px}}}.CommandPaletteItemSearchCommand{&[data-v-579daa15]{cursor:pointer;border-radius:4px;align-items:center;gap:6px;width:100%;height:39px;padding:0 10px;display:flex;position:relative}&.isHovered[data-v-579daa15],&.isSelected[data-v-579daa15]{background:var(--shadow-color-0)}}.left{&[data-v-579daa15]{justify-content:center;align-items:center;width:24px;height:100%;display:flex}& .icon[data-v-579daa15]{color:var(--text-color-2);font-size:14px;line-height:14px}}.center{&[data-v-579daa15]{flex:1;margin-right:4px;overflow:hidden}& .title[data-v-579daa15]{text-overflow:ellipsis;white-space:pre;color:var(--text-color-2);white-space:pre;font-size:12px;line-height:12px;display:flex}}.right{&[data-v-579daa15]{max-width:140px}& .text{&[data-v-579daa15]{text-overflow:ellipsis;white-space:nowrap;color:var(--text-color-3);border:1px solid var(--piano-gray-200);border-radius:4px;justify-content:flex-end;align-items:center;padding:2px 3px;font-size:10px;line-height:10px;display:block;overflow:hidden}& .segment[data-v-579daa15]{color:var(--text-color-3);font-size:10px;line-height:10px}}}.modal-backdrop[data-v-05616f5b]{background-color:var(--modal-backdrop-color)}.base[data-v-f69b6d09]{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.__container[data-v-f69b6d09]{pointer-events:all;background:var(--piano-white);border-radius:8px;width:390px;position:absolute;top:23%;left:calc(50% - 185px);box-shadow:0 10px 30px #0003}.search{&[data-v-f69b6d09]{cursor:text;gap:8px;padding:12px;display:flex;position:relative}& input{&[data-v-f69b6d09]{flex:1;font-size:12px;font-weight:600;line-height:12px}&[data-v-f69b6d09]::placeholder{color:var(--piano-gray-400)}}}.category-tag{&[data-v-f69b6d09]{background:var(--piano-gray-100);height:20px;box-shadow:0 0 0 1px var(--piano-gray-50);border-radius:24px;justify-content:center;align-items:center;padding:0 6px;display:flex}& .icon[data-v-f69b6d09]{margin-right:2px;font-size:15px}& .title[data-v-f69b6d09]{margin-top:1px;font-size:11px;font-weight:700;line-height:11px}}.items{&[data-v-f69b6d09]{max-height:314px;overflow-y:scroll}&[data-v-f69b6d09]::-webkit-scrollbar{display:none}}.search-category{&[data-v-f69b6d09]{color:var(--piano-gray-600);margin-top:4px;font-size:12px;line-height:12px;position:absolute;right:12px}& .key[data-v-f69b6d09]{color:var(--piano-gray-400)}}.modal-backdrop[data-v-a694de87]{background-color:var(--shadow-color-2)}.modal-content-wrapper{&.v-enter-from{&[data-v-a694de87]{opacity:0}& .modal-content[data-v-a694de87]{transform:translateY(20px)}}& .modal-content[data-v-a694de87]{flex-direction:column;align-items:center;width:0;display:flex}}.fade-enter-active[data-v-a694de87]{transition:opacity .8s}.fade-leave-active[data-v-a694de87]{transition:opacity .4s}.fade-enter-from[data-v-a694de87],.fade-leave-to[data-v-a694de87]{opacity:0}.PfInformation[data-v-5c14bf4a]{background:var(--piano-gray-50);border-radius:6px;flex-direction:column;gap:8px;padding:16px;display:flex}.content[data-v-5c14bf4a]{flex-direction:column;gap:4px;display:flex}.title[data-v-5c14bf4a]{color:var(--piano-black);align-items:center;gap:4px;font-size:14px;font-weight:700;display:flex}.message[data-v-5c14bf4a]{color:var(--piano-gray-700);font-size:12px}.footer[data-v-5c14bf4a]{justify-content:flex-end;width:100%;display:flex}.ModalVersionHistoryRollback[data-v-b6890ca4]{background:var(--piano-white);border-radius:8px;flex-direction:column;gap:20px;width:440px;padding:24px;display:flex}.__group[data-v-b6890ca4]{flex-direction:column;gap:8px;display:flex}.group-text[data-v-b6890ca4]{color:var(--piano-gray-700);font-size:14px}.title[data-v-b6890ca4]{color:var(--piano-gray-900);font-size:18px;font-weight:700}.group-label[data-v-b6890ca4]{color:var(--piano-black);font-size:14px;font-weight:700}.snapshot-card[data-v-b6890ca4]{border:1px solid var(--piano-gray-100);border-radius:6px}.buttons{&[data-v-b6890ca4]{gap:8px;display:flex}&>[data-v-b6890ca4]{flex:1}}.ModalVersionHistoryRollback[data-v-b5c1cb3f]{background:var(--piano-white);border-radius:8px;flex-direction:column;gap:20px;width:420px;padding:24px;display:flex}.group[data-v-b5c1cb3f]{flex-direction:column;gap:8px;display:flex}.group-text[data-v-b5c1cb3f]{color:var(--piano-gray-700);font-size:14px}.title[data-v-b5c1cb3f]{color:var(--piano-gray-900);font-size:18px;font-weight:700}.group-label[data-v-b5c1cb3f]{color:var(--piano-black);font-size:14px;font-weight:700}.snapshot-card{&[data-v-b5c1cb3f]{border:1px solid var(--piano-gray-100);pointer-events:none;border-radius:6px}&.password[data-v-b5c1cb3f]{border-radius:6px 6px 0 0}}.password-alert[data-v-b5c1cb3f]{border:1px solid var(--piano-gray-100);border-top:none;border-radius:0 0 6px 6px;flex-direction:column;gap:8px;padding:16px;display:flex}.alert-label[data-v-b5c1cb3f]{color:var(--piano-black);font-size:13px;font-weight:700}.alert-message[data-v-b5c1cb3f]{flex-direction:column;gap:8px;display:flex}.alert-message-main[data-v-b5c1cb3f]{color:var(--piano-gray-700);font-size:12px}.alert-task{&[data-v-b5c1cb3f]{padding:4px 4px 4px 20px;list-style:circle}& li[data-v-b5c1cb3f]{font-size:12px;font-weight:700;list-style:outside}}.buttons{&[data-v-b5c1cb3f]{gap:8px;display:flex}&>[data-v-b5c1cb3f]{flex:1}}.spin-icon[data-v-b5c1cb3f]{border:2px solid var(--piano-gray-500);border-top-color:var(--piano-gray-700);border-right-color:var(--piano-gray-700);border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin-b5c1cb3f;display:inline-block}@keyframes spin-b5c1cb3f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ModalVersionHistoryRollback[data-v-5b4cacac]{background:var(--piano-white);border-radius:8px;flex-direction:column;gap:20px;width:440px;padding:24px;display:flex}.__group[data-v-5b4cacac]{flex-direction:column;gap:8px;display:flex}.group-text[data-v-5b4cacac]{color:var(--piano-gray-700);font-size:14px}.title[data-v-5b4cacac]{color:var(--piano-gray-900);font-size:18px;font-weight:700}.group-label[data-v-5b4cacac]{color:var(--piano-black);font-size:14px;font-weight:700}.snapshot-card[data-v-5b4cacac]{border:1px solid var(--piano-gray-100);border-radius:6px}.buttons{&[data-v-5b4cacac]{gap:8px;display:flex}&>[data-v-5b4cacac]{flex:1}}.modal[data-v-11b6b0fa]{opacity:0;transform:translateY(20px)}.modal.is-show[data-v-11b6b0fa]{opacity:1;transition:transform .2s ease-out,opacity .2s ease-out;transform:translateY(0)}.option-comment[data-v-9463bf81] a,.option-comment[data-v-7f01ab4e] a{color:var(--piano-blue-600);font-weight:700}.spinner[data-v-c5201951]{border:2px solid #fff3;border-color:#ffffffe6 #fff3 #fff3 #ffffffe6;border-radius:50%;width:16px;height:16px;animation:1s linear infinite loading-spin-c5201951}.spinner.black[data-v-c5201951]{border:2px solid var(--shadow-color-1);border-top-color:var(--text-color-4);border-left-color:var(--text-color-4)}@keyframes loading-spin-c5201951{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-backdrop[data-v-09fd8e3a]{background-color:var(--shadow-color-2)}.LayoutModalAddOnStart{&[data-v-09fd8e3a]{pointer-events:all;background-color:var(--base-color-1);box-shadow:var(--box-shadow-depth-2);border-radius:12px;flex-direction:row;place-content:center;align-items:center;margin:auto;display:flex}&.v-enter-active[data-v-09fd8e3a]{transition:all .5s cubic-bezier(.4,.4,0,1)}&.v-enter-from{&[data-v-09fd8e3a]{opacity:0}& section[data-v-09fd8e3a]{transform:translateY(20px)}}& section{&[data-v-09fd8e3a]{flex-direction:column;align-items:center;width:540px;transition:all .5s cubic-bezier(.4,.4,0,1);display:flex}& .close-button{&[data-v-09fd8e3a]{cursor:pointer;opacity:.9;z-index:1000000;border-radius:50%;width:32px;height:32px;transition:all .5s cubic-bezier(.4,.4,0,1);display:none;position:absolute;top:-30px;left:-30px}&[data-v-09fd8e3a]:hover{opacity:1}& i[data-v-09fd8e3a]{color:var(--text-color-1);font-size:24px}}& .can-not-change[data-v-09fd8e3a]{padding:80px 20px}}}.spinner[data-v-80a7d93a]{border:2px solid #fff3;border-color:#ffffffe6 #fff3 #fff3 #ffffffe6;border-radius:50%;width:16px;height:16px;animation:1s linear infinite loading-spin-80a7d93a}.spinner.black[data-v-80a7d93a]{border:2px solid var(--shadow-color-1);border-top-color:var(--text-color-4);border-left-color:var(--text-color-4)}@keyframes loading-spin-80a7d93a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}