@import "https://fonts.googleapis.com/css?family=Lato:300,400,700,900";@import "https://fonts.googleapis.com/css?family=Inter:500,700";@import "https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,700&subset=japanese";@import "https://fonts.googleapis.com/css?family=Roboto+Mono:100,100i,300,300i,400,400i,500,500i,700,700i";@import "https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i";@import "https://fonts.googleapis.com/css?family=Domine:400,700&display=swap";@import "https://storage.googleapis.com/production-os-assets/assets/fontawesome/1629704621943/6.4.2/css/fontawesome.min.css" layer(base);@import "https://storage.googleapis.com/production-os-assets/assets/fontawesome/1629704621943/6.4.2/css/solid.min.css" layer(base);@import "https://storage.googleapis.com/production-os-assets/assets/fontawesome/1629704621943/6.4.2/css/brands.min.css" layer(base);@import "https://storage.googleapis.com/production-os-assets/assets/fontawesome/1629704621943/4.7.0/font-awesome.min.css" layer(base);@font-face{font-family:grandam;src:url(/assets/grandam-Cv6EoxoO.eot)}@font-face{font-family:grandam;src:url(/assets/grandam-fF4PLvBq.ttf)format("truetype");font-style:normal;font-weight:400}.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-e3c7e9e8]{z-index:1;position:relative}& .coupon-changer,& .coupon-opener{&[data-v-e3c7e9e8]{color:var(--pd-black-2);cursor:pointer;padding:0 8px;font-size:13px;display:inline-block}&[data-v-e3c7e9e8]:hover{color:var(--text-color-2)}&.hasCoupon{&[data-v-e3c7e9e8]{color:var(--piano-blue-600);align-items:center;font-size:12px;font-style:normal;font-weight:700;display:flex}& .material-icons[data-v-e3c7e9e8]{color:var(--piano-blue-600);margin-right:3px;font-size:17px}&[data-v-e3c7e9e8]:hover{opacity:.8}}}& .coupon-changer{&[data-v-e3c7e9e8]{opacity:.6}&[data-v-e3c7e9e8]:hover{opacity:1}}& .form-wrap{&[data-v-e3c7e9e8]{width:100%}& .form{&[data-v-e3c7e9e8]{width:100%}& .InputSuggest{&[data-v-e3c7e9e8]{flex:1}&[data-v-e3c7e9e8] .suggestions{& .suggestion{&:not(:last-child){border-bottom:1px solid var(--base-color-2)}}}& .inner{&[data-v-e3c7e9e8]{justify-content:space-between;align-items:center;width:100%;padding:15px;display:flex}& .main{&[data-v-e3c7e9e8]{flex:1;overflow:hidden}& .name[data-v-e3c7e9e8]{color:var(--text-color-1);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}& .detail{&[data-v-e3c7e9e8]{margin-top:3px;font-size:10px;display:flex}& .percentOff,& .amountOff{& .percent[data-v-e3c7e9e8],& .currency[data-v-e3c7e9e8],& .amount[data-v-e3c7e9e8]{color:var(--text-color-1);font-size:10px;font-weight:700;line-height:1}& .off[data-v-e3c7e9e8]{color:var(--text-color-1);margin-left:1px;font-size:10px;font-weight:700;line-height:1}}& .redeemBy{& .separator[data-v-e3c7e9e8]{color:var(--text-color-1);font-size:10px;font-weight:400;line-height:1}& .expire[data-v-e3c7e9e8]{color:var(--text-color-1);font-size:10px;font-weight:700;line-height:1}}}}& .sub{&[data-v-e3c7e9e8]{max-width:80px}& .code[data-v-e3c7e9e8]{color:var(--text-color-4);word-break:break-all;text-align:right;font-size:12px;font-weight:700;line-height:1}}}}& button[data-v-e3c7e9e8]{width:80px;height:44px;font-size:13px;line-height:1}}& .error-wrap{& p[data-v-e3c7e9e8]{color:var(--pd-red-1);font-size:12px}}}& .fade-enter-active[data-v-e3c7e9e8]{transition:opacity .8s}& .fade-leave-active.form[data-v-e3c7e9e8]{transition:opacity .5s}& .fade-enter-from[data-v-e3c7e9e8],& .fade-leave-to[data-v-e3c7e9e8]{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-1ff6fd5d]{border:2px solid #fff3;border-color:#ffffffe6 #fff3 #fff3 #ffffffe6;border-radius:50%;width:16px;height:16px;animation:1s linear infinite loading-spin-1ff6fd5d;display:block}.spinner.black[data-v-1ff6fd5d]{border:2px solid var(--shadow-color-1);border-top-color:var(--text-color-4);border-left-color:var(--text-color-4)}@keyframes loading-spin-1ff6fd5d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.BillingStripe{&[data-v-150b721a]{border-radius:8px;flex-direction:row;align-items:center;width:100%;height:auto;margin-top:10px;display:flex;position:relative}& .payment-form{&[data-v-150b721a]{flex-direction:row;gap:8px;width:100%;display:flex;position:relative}& .card-element{&[data-v-150b721a]{background-color:var(--piano-white);border:1px solid var(--piano-input-border-color);border-radius:6px;flex-direction:column;flex:auto;justify-content:center;height:100%;padding:9px 14px;display:flex}&.disabled[data-v-150b721a]{background-color:var(--piano-gray-50)}&.StripeElement--focus[data-v-150b721a]{outline:3px solid var(--focus-outline-color)}}}}[data-v-150b721a] .StripeElement{background:var(--shadow-color-0);border-radius:2px;width:auto;padding:6px 14px;transition:background .2s,box-shadow .2s;display:block}[data-v-150b721a] .StripeElement--focus{background:0 0;background:var(--base-color-1);box-shadow:0 0 0 2px var(--shadow-color-1);&:hover{background:var(--base-color-1)}}[data-v-150b721a] .StripeElement--invalid{background:var(--base-color-1);box-shadow:0 0 0 2px #ff000080}[data-v-150b721a] .StripeElement--webkit-autofill{background-color:#fefde5!important}.BillingManager{&[data-v-db62fe44]{border-radius:6px;width:100%;max-width:100%;height:auto;display:inline-block;position:relative}& .payment-title[data-v-db62fe44]{color:var(--pd-black-1);margin-bottom:16px;font-size:15px;font-weight:600}}.CompareBillingUser{&[data-v-9d4a30fd]{border-radius:6px;justify-content:space-between;align-items:center;width:100%;max-width:600px;padding:12px 16px 12px 12px;display:flex}&.__outline[data-v-9d4a30fd]{border:1px solid var(--piano-gray-100)}& .profile{&[data-v-9d4a30fd]{flex:auto;align-items:center;column-gap:12px;min-width:0;display:flex;overflow:hidden}& .user-icon[data-v-9d4a30fd]{background:var(--shadow-color-1);background-position:50%;background-size:cover;border-radius:50%;flex:0 0 44px;width:44px;height:44px}& .user-info{&[data-v-9d4a30fd]{flex-direction:column;row-gap:4px}& .name[data-v-9d4a30fd]{text-align:left;font-size:13px;font-style:normal;font-weight:700;line-height:18px}& .email[data-v-9d4a30fd]{color:var(--piano-gray-700);text-align:left;font-size:13px;font-style:normal;font-weight:400;line-height:18px}}}}.fade-enter-active[data-v-df805e12]{transition:opacity .8s}.fade-leave-active[data-v-df805e12]{transition:opacity .4s}.fade-enter-from[data-v-df805e12],.fade-leave-to[data-v-df805e12]{opacity:0}.ModalPreviewOff{&[data-v-6b9f6746]{flex-direction:column;place-content:center;align-items:center;display:flex;position:relative}& .live-preview-illust{&[data-v-6b9f6746]{background-image:url(/assets/illust-live-preview-illust2-3Ban62mq.svg);width:312px;height:131px;margin:23px 0;position:relative}& div{&[data-v-6b9f6746]{flex-flow:wrap;width:19px;height:29px;padding:1px;display:flex;position:absolute;overflow:hidden}& span[data-v-6b9f6746]{background:#ffffffe6;width:15px;height:10px;margin-bottom:1px;animation:3s cubic-bezier(.4,.4,0,1) infinite alternate live-preview-illust-span-6b9f6746}}& .pc[data-v-6b9f6746]{top:83px;left:167px}& .sp[data-v-6b9f6746]{top:104px;left:219px}& .sp1[data-v-6b9f6746]{top:103px;left:24px}& .sp2[data-v-6b9f6746]{top:101px;left:318px}}}@keyframes live-preview-illust-span-6b9f6746{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-b2e8e1cc]{flex-direction:column;place-content:center;align-items:center;gap:8px;display:flex;position:relative}& .url{&[data-v-b2e8e1cc]{text-align:center;border-radius:2px;min-width:300px;overflow-x:hidden}& a{&[data-v-b2e8e1cc]{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-b2e8e1cc]:hover{color:var(--piano-const-gray-500)}}}& button.copy-button{&[data-v-b2e8e1cc]{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-b2e8e1cc]{margin:0 5px}& p[data-v-b2e8e1cc]{text-align:center;color:#111;border-radius:20px;margin:0 5px;font-size:12px;font-weight:400;line-height:20px}&[data-v-b2e8e1cc]:hover{background:#0000000d}&[data-v-b2e8e1cc]:active{background:#0000001a}&.copied[data-v-b2e8e1cc]{pointer-events:none}}& input.copy[data-v-b2e8e1cc]{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-08191e7f]{justify-content:center;align-items:center;gap:8px;transition:all .4s cubic-bezier(.4,.4,0,1);display:flex}&.cancelLoading[data-v-08191e7f]{pointer-events:none;min-width:36px;padding:8px 0}& button{&[data-v-08191e7f]{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-08191e7f]{color:#fff;background:#333}&[data-v-08191e7f]:hover{background-color:#000000b3}}&[data-v-08191e7f]: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}}}}.__font-selector-scroll[data-v-faacdc3e]{overflow-anchor:none;height:min(400px,50vh);overflow-y:auto}.ModalPublishSub{&[data-v-a9480874]{flex-direction:column;align-items:center;width:800px;display:flex;position:absolute}&.loading[data-v-a9480874]{pointer-events:none}&.publishing[data-v-a9480874]{opacity:0;pointer-events:none;transition:all 3s cubic-bezier(.31,.13,0,1);transform:scale(.2)}& .redirect-help{&[data-v-a9480874]{margin-top:-20px;margin-bottom:20px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}& .text[data-v-a9480874]{color:#aaa;font-size:15px;line-height:22px}}& .main{&[data-v-a9480874]{justify-content:center;align-items:center;display:flex;position:relative}& .delete-btn-wrap{&[data-v-a9480874]{position:absolute;top:10px;right:100%}& .loadingDelete[data-v-a9480874]{place-content:center;align-items:center;width:24px;height:24px;margin-right:18px;display:flex}& button.delete{&[data-v-a9480874]{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-a9480874]{color:#fff;font-size:16px;font-weight:700}&[data-v-a9480874]:hover{background:#0006}}}& .url{&[data-v-a9480874]{align-items:center;line-height:26px;transition:all .4s cubic-bezier(.4,.4,0,1);display:flex;position:relative}&.editing{& .protocol[data-v-a9480874],& .top-level-domain[data-v-a9480874]{color:#0000003d}}& .protocol[data-v-a9480874]{color:#000000d6;font-size:26px;line-height:26px}& .input-wrap{&[data-v-a9480874]{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-a9480874]:hover{border-bottom-color:#000000d6}&.editing{&[data-v-a9480874]{border-bottom-style:solid;border-bottom-color:#000000d6;min-width:300px}&.error[data-v-a9480874],&.used[data-v-a9480874]{border-bottom-color:#dc2727}& .domain[data-v-a9480874]{opacity:0;max-width:480px;padding:0 40px 0 30px}}& .domain[data-v-a9480874]{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-a9480874]{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-a9480874],& -ms-input-placeholder[data-v-a9480874]{color:#0000003d}&[data-v-a9480874]::-webkit-input-placeholder{color:#0000003d}}& p.error-message[data-v-a9480874]{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-a9480874]{width:16px;height:16px;position:absolute;top:13px;right:10px}& .check{&[data-v-a9480874]{position:absolute;top:11px;right:9px}& img[data-v-a9480874]{opacity:.72;width:18px;height:18px}}& .button-wrap{&[data-v-a9480874]{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-a9480874],&.v-leave-to[data-v-a9480874]{opacity:0;transform:translateY(-8px)}& button.save{&[data-v-a9480874]{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-a9480874]{pointer-events:none;width:36px}&[data-v-a9480874]:hover{opacity:.8}& span[data-v-a9480874]{color:#fff;font-size:15px;font-weight:600}& .spinner[data-v-a9480874]{border:2px solid #ffffff4d;border-color:#ffffffe6 #ffffff4d #ffffff4d #ffffffe6;width:16px;height:16px;animation:1s linear infinite loading-spin-a9480874}}}}& .top-level-domain[data-v-a9480874]{color:#000000d6;font-size:26px;line-height:26px}& .open-link{&[data-v-a9480874]{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-a9480874]{color:#adadad;font-size:20px;transition:color .4s cubic-bezier(.4,.4,0,1)}&:hover{&[data-v-a9480874]{background:0 0}& .material-icons[data-v-a9480874]{color:#666}}}}}& .btn-wrap{&[data-v-a9480874]{margin-top:20px;position:absolute;top:100%;left:50%;transform:translate(-50%)}& .AppButton[data-v-a9480874]{margin:0 auto}}}.spinner[data-v-a9480874]{border:2px solid #0000001a;border-color:#0000004d #0000001a #0000001a #0000004d;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite loading-spin-a9480874}.spinner.black[data-v-a9480874]{border:2px solid var(--shadow-color-1);border-top-color:var(--text-color-4);border-left-color:var(--text-color-4)}@keyframes loading-spin-a9480874{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fontPlusLoader{&[data-v-a9480874]{transition:all .6s cubic-bezier(.4,.4,0,1)}&.v-enter-from[data-v-a9480874]{opacity:0}&.v-enter-to[data-v-a9480874]{opacity:1;transition-delay:2s}&.v-leave-to[data-v-a9480874]{transition:none}& .spinner[data-v-a9480874]{width:24px;height:24px}}a{&:hover{& .url[data-v-f21b090b]{color:var(--piano-const-blue-600)}}}.url{&[data-v-f21b090b]{color:#000;font-family:Inter;font-size:26px;font-style:normal;font-weight:400;line-height:31px}&.inactive[data-v-f21b090b]{color:var(--piano-const-gray-300)}}.material-icons[data-v-f21b090b]{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-47666a80]{align-items:center;gap:8px;display:flex}.btns[data-v-47666a80]{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-144b465a]{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-144b465a]{justify-content:space-between;width:100%;height:32px;display:flex}.diff-section[data-v-144b465a]{width:600px;height:200px;margin:10px auto;overflow-y:scroll}.center[data-v-144b465a]{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;margin-bottom:20px;display:flex}.bottom{&[data-v-144b465a]{justify-content:space-between;align-items:flex-end;width:100%;height:36px;display:flex}& .left[data-v-144b465a]{align-items:flex-end;height:36px;display:flex}& .right[data-v-144b465a]{align-items:baseline}}.ModalPublishSuccess{&[data-v-158e3ef8]{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-158e3ef8]{opacity:0}}.url-wrap{&[data-v-158e3ef8]{flex-direction:column;justify-content:center;align-items:center;gap:32px;width:100%;padding:24px;display:flex}& .title{& h2[data-v-158e3ef8]{color:#000;font-family:grandam;font-size:24px}}& .url{&[data-v-158e3ef8]{position:relative}& .url-title[data-v-158e3ef8]{color:#111;word-break:break-all;font-size:24px;font-weight:500;line-height:1.4}& .open-link{&[data-v-158e3ef8]{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-158e3ef8]{opacity:.4;transition:all .4s cubic-bezier(.4,.4,0,1)}&:hover{&[data-v-158e3ef8]{background:0 0}& img[data-v-158e3ef8]{opacity:.84}}}}& .buttons{&[data-v-158e3ef8]{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-158e3ef8]{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-158e3ef8]:hover{opacity:.8}&.copy{&[data-v-158e3ef8]{background:#eee}& img[data-v-158e3ef8]{width:16px;height:auto}& p[data-v-158e3ef8]{color:#0009}&.copied[data-v-158e3ef8]{pointer-events:none}}&.tw{&[data-v-158e3ef8]{background:#000}& img[data-v-158e3ef8]{width:24px;height:auto}}&.fb{&[data-v-158e3ef8]{background:#1977f3}& img[data-v-158e3ef8]{width:24px;height:auto}}}}}.showcase{&[data-v-158e3ef8]{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-158e3ef8]{justify-content:center;align-items:center;gap:8px;display:flex}& .logo[data-v-158e3ef8]{background:url(/assets/brand_logo_s-jKJxmZet.svg) 50%/contain no-repeat;width:20px;height:20px}& .text[data-v-158e3ef8]{color:#1a1a1a;font-size:16px;font-weight:700}}& .message-wrap{&[data-v-158e3ef8]{flex-direction:column;justify-content:center;align-items:center;gap:24px 0;display:flex}& .message-1[data-v-158e3ef8]{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-158e3ef8]{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-158e3ef8]{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-158e3ef8]{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;display:flex}& .button{&[data-v-158e3ef8]{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-158e3ef8]{color:#fff;background-color:#1a1a1a}&[data-v-158e3ef8]:hover{background-color:#666;box-shadow:0 2px 4px -1px #0000001a,0 1px 2px #0000000f}}&.tertiary{&[data-v-158e3ef8]{color:#1a1a1a;background-color:#fff}&[data-v-158e3ef8]:hover{background-color:#ebebeb}}}}}textarea[data-v-158e3ef8]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.delete-form[data-v-6a650c5b]{opacity:0;transform:translateY(20px)}.delete-form.is-show[data-v-6a650c5b]{opacity:1;transition:transform .2s ease-out,opacity .2s ease-out;transform:translateY(0)}.delete-form[data-v-48744dad]{opacity:0;transform:translateY(20px)}.delete-form.is-show[data-v-48744dad]{opacity:1;transition:transform .2s ease-out,opacity .2s ease-out;transform:translateY(0)}.delete-form[data-v-1567e5e4]{opacity:0;transform:translateY(20px)}.delete-form.is-show[data-v-1567e5e4]{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}.LinkInfoAction[data-v-2b4288d3]{align-items:center;gap:8px;width:100%;min-height:46px;padding:8px;display:flex}.card[data-v-2b4288d3]{border:1px solid var(--shadow-color-1);color:var(--text-color-1);border-radius:6px;outline:none;margin-top:12px;font-weight:500}.info{&[data-v-2b4288d3]{border-radius:5px 5px 0 0;align-items:center;gap:8px;padding:8px;display:flex}&.hasPage{&[data-v-2b4288d3]{cursor:pointer}&[data-v-2b4288d3]:hover{background:var(--piano-gray-50)}}}.favicon[data-v-2b4288d3]{width:20px;height:20px;box-shadow:0 0 0 1px var(--piano-gray-200);background-position:50%;background-size:cover;border-radius:2px;flex:none;margin:4px;display:flex}.title-block[data-v-2b4288d3]{flex-direction:column;flex:1;align-items:flex-start;gap:1px;width:10px;display:flex}.info-title[data-v-2b4288d3]{text-align:start;font-size:13px;font-weight:700;line-height:16px}.info-path{&[data-v-2b4288d3]{color:var(--piano-gray-600);word-break:break-all;text-align:start;font-size:11px;font-weight:500;line-height:13px}&.notFound[data-v-2b4288d3]{color:var(--piano-red-600);text-decoration-line:line-through}}.LinkInfoAsset[data-v-a09668a6]{align-items:center;gap:8px;width:100%;height:46px;padding:8px;display:flex}.title-block[data-v-a09668a6]{flex-direction:column;flex:1;align-items:flex-start;gap:3px;width:10px;display:flex;overflow:hidden}.LinkInfoExternal[data-v-cf732f12]{align-items:center;gap:8px;width:100%;min-height:46px;padding:8px;display:flex}.card[data-v-cf732f12]{border:1px solid var(--shadow-color-1);color:var(--text-color-1);border-radius:6px;outline:none;margin-top:12px;font-weight:500}.info{&[data-v-cf732f12]{border-radius:5px 5px 0 0;align-items:center;gap:8px;padding:8px;display:flex}&[data-v-cf732f12]:hover{background:var(--piano-gray-50)}}.favicon[data-v-cf732f12]{width:20px;height:20px;box-shadow:0 0 0 1px var(--piano-gray-200);background-color:var(--piano-gray-50);background-position:50%;background-size:cover;border-radius:2px;flex:none;margin:4px;display:flex}.icon{&[data-v-cf732f12]{width:20px;height:20px;box-shadow:0 0 0 1px var(--piano-gray-200);border-radius:2px;flex:none;justify-content:center;align-items:center;margin:4px;display:flex}& i[data-v-cf732f12]{font-size:14px}}.title-block[data-v-cf732f12]{flex-direction:column;flex:1;align-items:flex-start;gap:3px;width:10px;display:flex}.info-title-loading[data-v-cf732f12]{background:var(--piano-gray-100);width:100%;height:16px;display:flex}.info-title[data-v-cf732f12]{text-align:start;font-size:13px;font-weight:700;line-height:16px}.info-path{&[data-v-cf732f12]{color:var(--piano-gray-600);word-break:break-all;text-align:start;font-size:11px;font-weight:500;line-height:13px}&.notFound[data-v-cf732f12]{color:var(--piano-red-600);text-decoration-line:line-through}}.options[data-v-cf732f12]{border-top:1px solid var(--piano-gray-200);gap:8px;min-height:40px}.new-tab{&[data-v-cf732f12]{flex-direction:column;padding:12px;display:flex}& .new-tab-label[data-v-cf732f12]{color:var(--piano-gray-600);margin-bottom:6px;font-size:11px;font-weight:700;line-height:15px}& .new-tab-switch{&[data-v-cf732f12]{border:1px solid var(--shadow-color-1);cursor:pointer;border-radius:6px;align-items:center;width:100%;min-height:36px;padding:7px 8px;transition:all .2s cubic-bezier(.4,.4,0,1);display:flex}&[data-v-cf732f12]:hover{background:var(--piano-gray-50)}}}.LinkInfoHash[data-v-676de1d7]{align-items:center;gap:8px;width:100%;min-height:46px;padding:8px;display:flex}.card[data-v-676de1d7]{border:1px solid var(--shadow-color-1);color:var(--text-color-1);border-radius:6px;outline:none;margin-top:12px;font-weight:500}.info{&[data-v-676de1d7]{border-radius:5px 5px 0 0;align-items:center;gap:8px;padding:8px;display:flex}&.hasPage{&[data-v-676de1d7]{cursor:pointer}&[data-v-676de1d7]:hover{background:var(--piano-gray-50)}}}.favicon[data-v-676de1d7]{width:20px;height:20px;box-shadow:0 0 0 1px var(--piano-gray-200);background-position:50%;background-size:cover;border-radius:2px;flex:none;margin:4px;display:flex}.icon{&[data-v-676de1d7]{border-radius:2px;flex:none;justify-content:center;align-items:center;width:21px;height:21px;margin:2px;display:flex}& i[data-v-676de1d7]{color:var(--piano-gray-800);font-size:16px}}.title-block[data-v-676de1d7]{flex-direction:column;flex:1;align-items:flex-start;gap:1px;width:10px;display:flex}.info-title[data-v-676de1d7]{text-align:start;font-size:13px;font-weight:700;line-height:16px}.info-path{&[data-v-676de1d7]{color:var(--piano-gray-600);word-break:break-all;text-align:start;font-size:11px;font-weight:500;line-height:13px}&.notFound[data-v-676de1d7]{color:var(--piano-red-600);text-decoration-line:line-through}}.LinkInfoInvalid[data-v-2d38b464]{align-items:center;gap:8px;width:100%;min-height:46px;padding:8px;display:flex}.info{&[data-v-2d38b464]{border-radius:5px 5px 0 0;align-items:center;gap:8px;padding:8px;display:flex}&[data-v-2d38b464]:hover{background:var(--piano-gray-50)}}.favicon[data-v-2d38b464]{width:20px;height:20px;box-shadow:0 0 0 1px var(--piano-gray-200);background-color:var(--piano-gray-50);background-position:50%;background-size:cover;border-radius:2px;flex:none;margin:4px;display:flex}.icon{&[data-v-2d38b464]{width:20px;height:20px;box-shadow:0 0 0 1px var(--piano-gray-200);border-radius:2px;flex:none;justify-content:center;align-items:center;margin:4px;display:flex}& i[data-v-2d38b464]{font-size:14px}}.title-block[data-v-2d38b464]{flex-direction:column;flex:1;align-items:flex-start;gap:3px;width:10px;display:flex}.info-title-loading[data-v-2d38b464]{background:var(--piano-gray-100);width:100%;height:16px;display:flex}.info-title[data-v-2d38b464]{text-align:start;font-size:13px;font-weight:700;line-height:16px}.info-path{&[data-v-2d38b464]{color:var(--piano-gray-600);word-break:break-all;text-align:start;font-size:11px;font-weight:500;line-height:13px}&.notFound[data-v-2d38b464]{color:var(--piano-red-600);text-decoration-line:line-through}}.options[data-v-2d38b464]{border-top:1px solid var(--piano-gray-200);gap:8px;min-height:40px}.new-tab{&[data-v-2d38b464]{flex-direction:column;padding:12px;display:flex}& .new-tab-label[data-v-2d38b464]{color:var(--piano-gray-600);margin-bottom:6px;font-size:11px;font-weight:700;line-height:15px}& .new-tab-switch{&[data-v-2d38b464]{border:1px solid var(--shadow-color-1);cursor:pointer;border-radius:6px;align-items:center;width:100%;min-height:36px;padding:7px 8px;transition:all .2s cubic-bezier(.4,.4,0,1);display:flex}&[data-v-2d38b464]:hover{background:var(--piano-gray-50)}}}span[data-v-e1c301ce]{all:inherit}.RedirectLinkEditorInput{&[data-v-4f81c027]{background:var(--piano-white);width:100%;position:relative}&.has-error{&[data-v-4f81c027]{background:var(--color-surface-danger-light)}& .link-input{&[data-v-4f81c027]{background:var(--color-surface-danger-light);border-color:var(--color-border-danger)}&[data-v-4f81c027]:hover{background:var(--color-surface-danger-light)}}}}.link-input{&[data-v-4f81c027]{color:var(--text-color-2);box-sizing:border-box;border:1px solid var(--shadow-color-1);user-select:none;cursor:text;border-radius:6px;padding:8px;transition:all .2s cubic-bezier(.4,.4,0,1);box-shadow:0 0 #0000}&[data-v-4f81c027]:hover{background:var(--shadow-color-0)}&[data-v-4f81c027]:focus{outline:2px solid var(--focus-outline-color);background:0 0}&[data-v-4f81c027] span.outer{background:var(--blue-shadow-color-1);cursor:pointer;border-radius:10px;padding:2px 0;font-size:12px;line-height:20px;transition:all .2s cubic-bezier(.4,.4,0,1);&:hover{background:#0071ff4d;background:var(--blue-shadow-color-2)}}&[data-v-4f81c027] span.outer[data-active]{background:var(--base-color-1);box-shadow:0 0 0 2px #0071ff33}&[data-v-4f81c027] span.inner{color:var(--blue-color-1);pointer-events:none;font-size:12px;font-weight:700;line-height:20px}&[data-v-4f81c027] span.spacer{color:#0000;letter-spacing:4px}}.linkSuggestion[data-v-4f81c027]{z-index:100;height:auto;box-shadow:0 0 0 1px var(--shadow-color-0), 0 0 10px #0000001a;background:var(--base-color-1);border-radius:3px;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow-y:auto}.placeholder[data-v-4f81c027]{color:var(--text-color-1);user-select:none;pointer-events:none;opacity:.2;white-space:pre-wrap;padding:7px 8px;font-size:12px;font-weight:500;line-height:20px;position:absolute;inset:1px 0 0 1px;overflow:hidden}.link-item{&[data-v-4f81c027]{border-bottom:1px solid var(--piano-gray-200);cursor:pointer;justify-content:flex-start;align-items:center;width:100%;display:flex;position:relative}&[data-v-4f81c027]:last-child{border-bottom:none}&[data-v-4f81c027]:hover{background:var(--piano-gray-50);transition:none}&.isSelected[data-v-4f81c027]{background:var(--piano-gray-100)}&.isDynamic{& p[data-v-4f81c027]{color:#0071ff}}& svg[data-v-4f81c027]{margin-right:6px}& .property{&[data-v-4f81c027]{justify-content:space-between;align-items:center;gap:6px;width:100%;padding:8px;display:flex}& .property-tip[data-v-4f81c027]{background:var(--blue-shadow-color-1);color:var(--blue-color-1);pointer-events:none;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:700;line-height:16px}& .label[data-v-4f81c027]{color:var(--piano-gray-600);font-size:11px;font-weight:500}}& .external{&[data-v-4f81c027]{align-items:center;gap:6px;padding:8px;display:flex}& i[data-v-4f81c027]{color:var(--piano-gray-800);font-size:14px}& span[data-v-4f81c027]{color:var(--piano-gray-800);font-size:12px;font-weight:700}}}.info{&[data-v-acbbdc46]{border:1px solid var(--shadow-color-1);border-radius:6px;align-items:center;display:flex}&.hasPage{&[data-v-acbbdc46]{cursor:pointer}&[data-v-acbbdc46]:hover{background:var(--piano-gray-50)}}}.title[data-v-acbbdc46]{color:var(--piano-black);font-size:13px;font-weight:700;line-height:13px}.description[data-v-acbbdc46]{color:var(--piano-gray-600);margin-bottom:16px;font-size:12px;font-weight:600}.input-group[data-v-acbbdc46]{flex-direction:column;gap:16px;width:100%;margin-bottom:24px;display:flex}.input-wrap{&[data-v-acbbdc46]{width:100%}&>.input-label[data-v-acbbdc46]{color:var(--piano-gray-600);margin-bottom:2px;font-size:12px;font-weight:700;line-height:18px;display:block}}.hint{& a{&[data-v-acbbdc46]{width:auto;color:var(--blue-color-1);opacity:.8;border-radius:20px;justify-content:flex-end;align-items:center;padding:4px 6px;font-size:11px;line-height:14px;display:inline-flex}& .material-icons[data-v-acbbdc46]{color:inherit;margin-right:3px;font-size:16px;line-height:16px}& .text[data-v-acbbdc46]{color:inherit;margin-right:2px;font-weight:700}&[data-v-acbbdc46]:hover{background-color:var(--shadow-color-0)}}}.select{&[data-v-ae599011]{cursor:pointer;border:1px solid var(--shadow-color-1);border-radius:5px;flex:1;place-content:center space-between;align-items:center;width:auto;max-width:100%;min-height:32px;padding:0 8px;transition:all .3s cubic-bezier(.4,.4,0,1);display:flex;position:relative;box-shadow:0 0 #0000}&[data-v-ae599011]:hover{background:var(--shadow-color-0);border:1px solid var(--editor-black-10);box-shadow:0 0 0 1px var(--editor-black-10)}&:focus{&[data-v-ae599011]{box-shadow:0 0 0 2px var(--shadow-color-1);background:0 0}& .select__menu[data-v-ae599011]{opacity:1;visibility:visible}}&[data-v-ae599011] p{color:var(--text-color-2);margin-right:auto;padding:0;font-size:12px;line-height:20px;display:block}& .icon-arrow[data-v-ae599011]{opacity:.8;margin:0 4px;display:flex}& .select__menu{&[data-v-ae599011]{background:var(--base-color-1);width:auto;min-width:fit-content;height:auto;box-shadow:0 0 0 1px var(--shadow-color-0), 0 0 5px #0000001a;z-index:var(--z-index-base-select-menu);border-radius:6px;flex-direction:column;margin-top:3px;display:flex;position:absolute;top:100%;left:0;right:0}& li{&[data-v-ae599011]{border-radius:5px;padding:5px 7px;list-style:none;display:flex;overflow:hidden}&.focused[data-v-ae599011]{background:var(--shadow-color-0)}}}}.__select-dynamic-model[data-v-fb3fbfbc] .select__menu{max-height:40vh;overflow:auto}.__select-dynamic-model[data-v-fb3fbfbc] .select__menu li{overflow:visible}.fade-enter-active[data-v-9e5a5f0c]{transition:all .1s}.fade-leave-active[data-v-9e5a5f0c]{transition:all .3s}.fade-enter-from[data-v-9e5a5f0c],.fade-leave-to[data-v-9e5a5f0c]{opacity:0;transform:translateY(30px)}.list-enter-active[data-v-9e5a5f0c]{transition:all .6s}.list-leave-active[data-v-9e5a5f0c]{transition:none}.list-leave-to[data-v-9e5a5f0c]{opacity:0}.list-enter-from[data-v-9e5a5f0c]{opacity:0;transform:translateY(15px)}.list-move[data-v-9e5a5f0c]{transition:transform .3s}.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-f0660e48]{background-color:var(--shadow-color-2)}.modal-content-wrapper{&.v-enter-from{&[data-v-f0660e48]{opacity:0}& .modal-content[data-v-f0660e48]{transform:translateY(20px)}}& .modal-content[data-v-f0660e48]{flex-direction:column;align-items:center;width:0;display:flex}}.fade-enter-active[data-v-f0660e48]{transition:opacity .8s}.fade-leave-active[data-v-f0660e48]{transition:opacity .4s}.fade-enter-from[data-v-f0660e48],.fade-leave-to[data-v-f0660e48]{opacity:0}.need-permission{&[data-v-46636671]{justify-content:center;align-items:center;margin-top:15px;display:flex}& .material-icons[data-v-46636671],& .material-icons[data-v-46636671]{vertical-align:bottom;margin-right:4px;font-size:16px}}.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}}.RightPanelTimeMachineAvatar{&[data-v-9c5b80d7]{align-items:center;gap:8px;display:flex}& .RightPanelTimeMachineAvatar__avatar{&[data-v-9c5b80d7]{border-radius:50%;width:14px;height:14px;overflow:hidden}& img[data-v-9c5b80d7]{object-fit:cover;width:100%;height:100%}}& .RightPanelTimeMachineAvatar__name[data-v-9c5b80d7]{color:var(--piano-gray-600);word-break:break-all;font-size:10px}}.SnapshotStatusBatch[data-v-d5c3f3c6]{color:var(--piano-gray-400);font-size:10px;font-weight:700;display:flex}.context-menu[data-v-8ed319ba]{background:var(--base-color-1);-webkit-box-shadow:0 0 0 1px var(--shadow-color-0), 0 2px 15px #0000001a;box-shadow:0 0 0 1px var(--shadow-color-0), 0 2px 15px #0000001a;border-radius:6px;flex-direction:column;padding:4px;display:flex}.context-menu-item{&[data-v-8ed319ba]{cursor:pointer;width:100%;color:var(--text-color-2);border-radius:4px;justify-content:flex-start;align-items:center;gap:7px;padding:6px;font-size:12px;font-weight:400;line-height:15px;display:flex;position:relative}&[data-v-8ed319ba]:hover{background:var(--piano-gray-50)}}.icon-button[data-v-8ed319ba]{width:24px;height:24px}.SnapshotCard{&[data-v-e0b255ec]{cursor:pointer;align-items:center;gap:8px;padding:16px;display:flex;position:relative}&.selected[data-v-e0b255ec],&[data-v-e0b255ec]:hover{background:var(--piano-gray-50)}&.selected{& .history-circle[data-v-e0b255ec]{background:var(--piano-black)}}&.last{& .history-border[data-v-e0b255ec]{bottom:50%}}}.history-circle[data-v-e0b255ec]{background:var(--piano-gray-200);z-index:1;border-radius:50%;width:8px;height:8px}.history-border[data-v-e0b255ec]{background:var(--piano-gray-200);width:2px;position:absolute;top:0;bottom:0;left:19px}.history-info[data-v-e0b255ec]{flex-direction:column;flex:1;gap:4px;min-width:0;max-width:100%;display:flex}.history-label[data-v-e0b255ec]{color:var(--pd-black-1);white-space:nowrap;text-overflow:ellipsis;width:100%;max-width:100%;font-size:11px;font-weight:700;overflow:hidden}.progress[data-v-e0b255ec]{background:var(--shadow-color-1);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spin-icon[data-v-e0b255ec]{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-e0b255ec;display:inline-block}@keyframes spin-e0b255ec{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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-54e08002]{opacity:0;transform:translateY(20px)}.modal.is-show[data-v-54e08002]{opacity:1;transition:transform .2s ease-out,opacity .2s ease-out;transform:translateY(0)}.option-comment[data-v-d3da39a8] a,.option-comment[data-v-3097c6ed] 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}}}.PdCard{&[data-v-06265cb9]{border-radius:6px;padding:40px 30px}&.hasListener{&[data-v-06265cb9]{cursor:pointer;border:1px solid var(--piano-border-color);transition:all .4s;box-shadow:none!important}&[data-v-06265cb9]:hover{background:var(--piano-hover-gray-color)}}&.disabled[data-v-06265cb9]{opacity:.5;cursor:not-allowed;pointer-events:none}& .header[data-v-06265cb9]{margin-bottom:5px}& .body[data-v-06265cb9]{color:var(--text-color-2)}}.PdCurrentPlan{&[data-v-e5621fa6]{border-top:1px solid var(--pd-border-color-1);flex-direction:column;margin:0 20px;padding:24px 0 0;display:flex}& .roundBox{&[data-v-e5621fa6]{opacity:0;height:0;padding:0 16px;transition:all .3s cubic-bezier(.4,.4,0,1);overflow:hidden}&.open[data-v-e5621fa6]{opacity:1;height:auto;padding:16px}}& .current_title[data-v-e5621fa6]{color:var(--pd-black-3);margin-bottom:0;padding-left:12px;font-size:12px;font-weight:600}& .plan_name_wrap{&[data-v-e5621fa6]{width:auto;margin-bottom:10px;padding:8px 10px 8px 12px}&[data-v-e5621fa6]:hover{background-color:#0000}& .plan_name{&[data-v-e5621fa6]{color:var(--text-color-2);font-size:16px;font-weight:600}&.v1[data-v-e5621fa6]{color:var(--recommend-color);font-family:grandam;font-size:24px;font-weight:400}}&>svg[data-v-e5621fa6]{transition:all .3s cubic-bezier(.4,.4,0,1);transform:rotate(0)}&.open{&>svg[data-v-e5621fa6]{transform:rotate(-180deg)}}}& .price{&[data-v-e5621fa6]{align-items:baseline;display:flex}& .currency[data-v-e5621fa6]{color:var(--text-color-2);font-size:14px}& .amount[data-v-e5621fa6]{color:var(--text-color-2);margin:0 2px;font-size:14px;font-weight:700}& .interval[data-v-e5621fa6]{color:var(--text-color-2);font-size:12px}}& .hasCoupon[data-v-e5621fa6]{background:var(--color-surface-accent-light);color:var(--color-text-on-accent);margin-top:10px;padding:4px 6px;font-size:10px;font-weight:600;line-height:10px;display:inline-block}& .caption[data-v-e5621fa6]{color:var(--pd-black-2);margin-top:10px;font-size:10px;line-height:1.4}& .published-item{&[data-v-e5621fa6]{margin:20px 0 0}&.isEnterPrise[data-v-e5621fa6]{margin-top:0}& .label{&[data-v-e5621fa6]{color:var(--piano-gray-600);margin-bottom:8px;font-size:10px}& .PopOverPanel[data-v-e5621fa6]{vertical-align:-.4em;width:16px;display:inline-block}}& .bar{&[data-v-e5621fa6]{background-color:var(--piano-gray-100);border-radius:2px;width:100%;height:2px;margin-top:12px;overflow:hidden}& .fill[data-v-e5621fa6]{background-color:var(--piano-black);height:100%;transition:width .3s cubic-bezier(.4,.4,0,1)}}}& .toggle-button{& .material-icons[data-v-e5621fa6]{font-size:16px}}}.attention{&[data-v-e5621fa6]{text-align:left;background-color:var(--piano-gray-50);border-radius:6px;margin-top:16px;padding:16px;display:block}& .material-icons[data-v-e5621fa6]{font-size:16px}& p[data-v-e5621fa6]{color:var(--pd-black-2);font-size:10px;font-weight:700;line-height:1.4}&-yellow{&[data-v-e5621fa6]{background-color:var(--piano-yellow-50)}& .material-icons[data-v-e5621fa6],& p[data-v-e5621fa6],& span[data-v-e5621fa6]{color:var(--piano-gray-800)}}&-red{&[data-v-e5621fa6]{background-color:var(--piano-red-50)}& p[data-v-e5621fa6],& span[data-v-e5621fa6]{color:var(--piano-red-500)}}}.heading[data-v-e5621fa6]{color:var(--piano-gray-600);margin-bottom:8px;font-size:10px;font-style:normal;font-weight:400;line-height:1.4}.badge{&[data-v-e5621fa6]{border-radius:2px;margin-top:8px;padding:3px 5px;font-size:10px;font-weight:700;display:inline-block}&.badge-hasCoupon[data-v-e5621fa6]{color:var(--color-text-on-accent);background-color:var(--color-surface-accent-light);margin-left:5px}}.nav-link{&[data-v-5f4fda78]{transition:background-color var(--piano-hover-animation)}&[data-v-5f4fda78]:hover{background-color:var(--color-surface-hover)}&.router-link-exact-active{&[data-v-5f4fda78]{background-color:var(--color-surface-secondary)}& .nav-label[data-v-5f4fda78]{color:var(--color-text);font-weight:700}}}.PdLayout{&[data-v-eb507bfb]{height:100%;display:flex}& .pd-nav-wrap[data-v-eb507bfb]{border-right:1px solid var(--piano-border-color);flex-direction:column;flex:0 0 220px;width:220px;padding:40px 0 80px;display:flex;overflow-y:auto}@media screen and (width<=768px){& .hideNavOnMobile[data-v-eb507bfb]{display:none}}& .pd-main-wrap{&[data-v-eb507bfb]{flex:auto;max-width:100%;overflow-y:auto}&[data-v-eb507bfb]::-webkit-scrollbar{display:none}}}.PdPageContainer[data-v-08167d04]{width:100%;max-width:1200px;padding:45px 40px 60px}#plan[data-v-17c4447d]{scroll-margin-top:var(--project-dashboard-header-height)}.pd-page-title[data-v-17c4447d],.pd-page-title[data-v-17c4447d]>*{color:var(--text-color-2);font-size:32px;font-weight:600}.PdSectionTitle[data-v-64a402ac]{color:var(--pd-black-2);margin-top:40px;margin-bottom:20px;font-size:18px;font-weight:700}.spinner[data-v-0e17f2d3]{border:2px solid #fff3;border-color:#ffffffe6 #fff3 #fff3 #ffffffe6;border-radius:50%;width:16px;height:16px;animation:1s linear infinite loading-spin-0e17f2d3}.spinner.black[data-v-0e17f2d3]{border:2px solid var(--shadow-color-1);border-top-color:var(--text-color-4);border-left-color:var(--text-color-4)}@keyframes loading-spin-0e17f2d3{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.EditorOffline[data-v-74540a9e]{z-index:var(--z-index-max);background:#ffffffe6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.msg[data-v-74540a9e]{color:#333;margin-left:10px;font-size:20px}.warning[data-v-74540a9e]{color:#fa0;font-size:30px}.__dragging__[data-v-3f4844d5] *{pointer-events:none!important}.__dragging__[data-v-3f4844d5]{cursor:grabbing!important}.pd{&[data-v-3f4844d5]{background:var(--base-color-1);flex-direction:column;width:100%;height:100dvh;transition:opacity .5s cubic-bezier(.4,.4,0,1);display:flex;position:absolute;top:0;left:0;overflow:hidden}&.v-enter-from[data-v-3f4844d5],&.v-leave-to[data-v-3f4844d5]{opacity:0}}.pd-item-title{display:flex;& h3{color:var(--pd-black-2);font-size:16px}}.pd-item{border-bottom:1px solid var(--pd-border-color-1);justify-content:space-between;align-items:center;width:100%;margin-bottom:40px;padding:15px 0;display:flex;&.input{background-color:var(--base-color-2);border:none;border-radius:6px;align-items:center;width:100%;margin-top:10px;padding:15px 20px;display:flex;& input{width:100%}& textarea{width:100%;height:100px}}&.img{border:none}}.pd-section{flex-direction:column;width:100%;margin-bottom:35px;display:flex}.pd-section-title{color:var(--pd-black-2);align-items:center;font-size:16px}.pd-round-button{border:1px solid var(--shadow-color-1);border-radius:6px;justify-content:center;align-items:center;width:auto;height:36px;padding:0 20px;transition:all .4s cubic-bezier(.4,.4,0,1);display:flex;& p{color:var(--text-color-1);padding-bottom:1px;font-size:14px;line-height:15px}&:hover,&:active{background:var(--shadow-color-0)}}.ToggleButton{&[data-v-91518f04]{background:var(--shadow-color-1);cursor:pointer;border-radius:12px;width:40px;min-width:40px;height:20px;position:relative}&[data-v-91518f04]:before{content:"";background-color:var(--select-blue);opacity:0;border-radius:12px;transition:all .4s cubic-bezier(.4,.4,0,1);position:absolute;inset:0}& .selector[data-v-91518f04]{border:1px solid var(--text-color-5);background:#fff;border-radius:12px;justify-content:center;align-items:center;width:14px;height:14px;transition:all .4s cubic-bezier(.4,.4,0,1);position:absolute;top:3px;left:4px}&.checked{&[data-v-91518f04]:before{opacity:1}& .selector[data-v-91518f04]{border:none;left:21px}}&.loading{&[data-v-91518f04]{pointer-events:none}& .selector[data-v-91518f04]{transform:scale(.6)}}&.dummy[data-v-91518f04]{opacity:.3;pointer-events:none}&[mini]{&[data-v-91518f04]{width:22px;min-width:22px;height:14px}& .selector[data-v-91518f04]{justify-content:center;align-items:center;width:12px;height:12px;transition:all .4s cubic-bezier(.4,.4,0,1);top:1px;left:1px}&.checked{& .selector[data-v-91518f04]{left:9px}}}}#FormSettingsAll{&[data-v-9479542c]{flex-direction:column;display:flex}& .title[data-v-9479542c]{color:var(--pd-black-1);font-size:24px;font-weight:700;line-height:35px}& .setting-item-wrap{&[data-v-9479542c]{margin-top:30px;margin-bottom:10px}&[data-v-9479542c] .PopOverPanel{margin-left:10px;display:inline-flex}& .label[data-v-9479542c]{color:var(--text-color-3);margin-bottom:10px;font-size:12px;font-weight:700;line-height:20px}& .input-wrap{&[data-v-9479542c]{justify-content:flex-start;align-items:center;display:flex}& input[type=email]{&[data-v-9479542c]{width:300px;min-width:100px;max-width:100%;color:var(--text-color-2);border-bottom:1px solid #0000;flex:0 300px;margin-right:20px;padding:2px 0;font-size:16px;line-height:1.7}&[data-v-9479542c]::placeholder{color:var(--text-color-5)}&[data-v-9479542c]:focus{box-shadow:0 -1px 0 0px var(--shadow-color-1) inset}}& .loading,& .btn-wrap,& .material-icons{&[data-v-9479542c]{transform-origin:bottom;transition:transform .15s cubic-bezier(.4,.4,0,1),opacity .1s linear}&.v-enter-from[data-v-9479542c],&.v-leave-to[data-v-9479542c]{opacity:0;transform:translateY(1px)rotateX(-2deg)}}& .btn-wrap{&[data-v-9479542c]{display:flex}& button{&[data-v-9479542c]{border-radius:4px;width:90px;padding:7px;font-size:12px;font-weight:700;line-height:1.4}&.submit{&[data-v-9479542c]{background:var(--pd-black-1);color:var(--base-color-1)}&[data-v-9479542c]:hover{background:var(--pd-black-2)}&[data-v-9479542c]:disabled{opacity:.4;cursor:not-allowed}}&.cancel{&[data-v-9479542c]{background:var(--base-color-1);border:1px solid var(--pd-dark-1);color:var(--pd-black-1);margin-left:10px}&[data-v-9479542c]:hover{background:var(--pd-black-5)}}}}& .material-icons{&[data-v-9479542c]{color:var(--text-color-4);cursor:pointer;border-radius:50%;flex:0 0;justify-content:center;align-items:center;margin-right:5px;padding:5px;font-size:14px}&[data-v-9479542c]:hover{background-color:var(--base-color-3)}}}& .toggle-wrap{&[data-v-9479542c]{align-items:center;margin:10px 0 20px;font-size:14px;display:flex}& label[data-v-9479542c]{color:var(--text-color-2);flex-grow:1;margin-left:10px;font-size:14px;line-height:20px}}& .notice[data-v-9479542c]{max-width:360px;color:var(--text-color-3);margin-bottom:10px;font-size:12px;line-height:1.5}}}.FormDisplayPropertyItem{&[data-v-e6b6a7c4]{user-select:none;height:44px;box-shadow:0 -1px 0 0px var(--shadow-color-1) inset;justify-content:space-between;align-items:center;display:flex;position:relative}& .columnName[data-v-e6b6a7c4]{width:100%;color:var(--text-color-2);text-overflow:ellipsis;white-space:nowrap;padding:0 10px;font-size:14px;line-height:44px;overflow:hidden}& .knob{&[data-v-e6b6a7c4]{cursor:grab;align-items:center;height:100%;padding:0 2px;display:flex;position:absolute;top:0;right:100%}& i[data-v-e6b6a7c4]{color:var(--text-color-5);pointer-events:none;font-size:16px}}& .toggle-wrap{&[data-v-e6b6a7c4]{padding-right:10px}}}.CmsDraggable{&[data-v-453b9ecc]{flex-direction:column;width:100%;height:auto;display:flex}&.row[data-v-453b9ecc]{flex-direction:row;width:auto;height:100%}}#FormDisplayPropertyEdit{&[data-v-b6890581]{background-color:var(--base-color-1);border-radius:12px;flex-direction:column;justify-content:stretch;align-items:flex-start;width:440px;display:flex}& .no-items[data-v-b6890581]{color:var(--text-color-2);margin:10px 0;font-size:14px}}.FormEmailSubjectEdit{&[data-v-0a17b37d]{user-select:none;justify-content:space-between;align-items:center;width:440px;height:44px;display:flex;position:relative}& input{&[data-v-0a17b37d]{width:100%;color:var(--text-color-2);box-shadow:0 -1px 0 0px var(--shadow-color-1) inset;padding:0 10px;font-size:14px;line-height:44px;transition:all .3s cubic-bezier(.4,.4,0,1)}&[data-v-0a17b37d]::placeholder{color:var(--text-color-5)}&[data-v-0a17b37d]:focus{box-shadow:0 -2px 0 0 var(--pd-focus) inset}}&.disable{&[data-v-0a17b37d]{pointer-events:none}& input[data-v-0a17b37d]{color:var(--text-color-5)}}& .edit-button{&[data-v-0a17b37d]{color:var(--text-color-4);cursor:pointer;border-radius:50%;flex:0 0;justify-content:center;align-items:center;padding:5px;font-size:16px;position:absolute;right:4px}&[data-v-0a17b37d]:hover{background-color:var(--base-color-3)}}}.FormExternal{& .spinner[data-v-56ff5d5c]{border:2px solid #fff3;border-color:#ffffffe6 #fff3 #fff3 #ffffffe6;border-radius:50%;width:22px;height:22px;animation:1s linear infinite loading-spin-56ff5d5c}& .apps-wrap{&[data-v-56ff5d5c]{justify-content:flex-start;align-items:flex-start;display:flex}& .app-item{&[data-v-56ff5d5c]{flex-direction:column;justify-content:center;align-items:center;width:50px;margin-right:30px;display:flex}& .ifttt-icon-wrap,& .spread_sheets-icon-wrap{&[data-v-56ff5d5c]{cursor:pointer;opacity:.3;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:5px;transition:opacity .2s cubic-bezier(.4,.4,0,1);display:flex;position:relative}& .btn-wrap{&[data-v-56ff5d5c]{z-index:1;opacity:0;background-color:var(--pd-black-1);border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s cubic-bezier(.4,.4,0,1);display:flex;position:absolute;inset:0}& .material-icons[data-v-56ff5d5c]{color:var(--base-color-1);font-size:24px}}& .spinner-wrap[data-v-56ff5d5c]{opacity:.7;background-color:var(--pd-black-1)}&.loading[data-v-56ff5d5c],&.active[data-v-56ff5d5c]{opacity:1}&:hover{&[data-v-56ff5d5c]{opacity:1}& .btn-wrap[data-v-56ff5d5c]{opacity:.7}}}& .ifttt-icon-wrap[data-v-56ff5d5c]{background:#000}& .spread_sheets-icon-wrap[data-v-56ff5d5c]{border:1px solid var(--shadow-color-1)}& .text[data-v-56ff5d5c]{text-align:center;color:var(--text-color-4);font-size:12px;line-height:17px}& .disconnect-btn{&[data-v-56ff5d5c]{text-align:center;min-width:40px;height:19px;color:var(--pd-red-1);cursor:pointer;border-radius:10px;padding:1px 10px;font-size:12px;line-height:17px;transition:background-color .2s cubic-bezier(.4,.4,0,1)}&.loading{&[data-v-56ff5d5c]{background-color:var(--pd-red-2);justify-content:center;align-items:center;display:flex}& .spinner[data-v-56ff5d5c]{width:12px;height:12px;display:flex}}&[data-v-56ff5d5c]:hover{background-color:var(--pd-red-2)}}}}}@keyframes loading-spin-56ff5d5c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.FormStatusEditItem{&[data-v-8eebbafb]{user-select:none;justify-content:space-between;align-items:center;height:44px;display:flex;position:relative}& input{&[data-v-8eebbafb]{width:100%;color:var(--text-color-2);box-shadow:0 -1px 0 0px var(--shadow-color-1) inset;padding:0 10px;font-size:14px;line-height:44px;transition:all .3s cubic-bezier(.4,.4,0,1)}&[data-v-8eebbafb]:focus{box-shadow:0 -2px 0 0 var(--pd-focus) inset}}&.disable{&[data-v-8eebbafb]{pointer-events:none}& input[data-v-8eebbafb]{color:var(--text-color-5)}}& .knob{&[data-v-8eebbafb]{cursor:grab;align-items:center;height:100%;padding:0 2px;display:flex;position:absolute;top:0;right:100%}& i[data-v-8eebbafb]{color:var(--text-color-5);pointer-events:none;font-size:16px}}& .edit-button{&[data-v-8eebbafb]{color:var(--text-color-4);cursor:pointer;border-radius:50%;flex:0 0;justify-content:center;align-items:center;padding:5px;font-size:16px;position:absolute;right:4px}&[data-v-8eebbafb]:hover{background-color:var(--base-color-3)}}& .delete-button{&[data-v-8eebbafb]{color:var(--text-color-5);cursor:pointer;border-radius:50%;flex:0 0;justify-content:center;align-items:center;margin-left:6px;padding:5px;font-size:16px;position:absolute;left:100%}&[data-v-8eebbafb]:hover{background-color:var(--base-color-3)}}}.FormStatusEdit{&[data-v-7a14e640]{width:100%}& .status-list[data-v-7a14e640]{width:440px}& .add-button{&[data-v-7a14e640]{user-select:none;cursor:pointer;align-items:center;height:44px;padding:15px 10px;transition:background .3s cubic-bezier(.4,.4,0,1);display:flex;position:relative}&[data-v-7a14e640]:hover{background:var(--shadow-color-0)}& i[data-v-7a14e640]{color:var(--text-color-5);pointer-events:none;font-size:16px}& p[data-v-7a14e640]{color:var(--text-color-4);font-size:12px}}& .add-input{& input{&[data-v-7a14e640]{width:100%;color:var(--text-color-2);box-shadow:0 -1px 0 0px var(--shadow-color-1) inset;padding:0 10px;font-size:14px;line-height:44px;transition:all .3s cubic-bezier(.4,.4,0,1)}&[data-v-7a14e640]:focus{box-shadow:0 -2px 0 0 var(--pd-focus) inset}}}}#FormSettingsSingle{&[data-v-906c0946]{flex-direction:column;display:flex}& .header{&[data-v-906c0946]{justify-content:space-between;align-items:center;display:flex}& .title[data-v-906c0946]{color:var(--pd-black-1);word-break:break-all;font-size:24px;font-weight:700;line-height:35px}}& .setting-item-wrap{&[data-v-906c0946]{margin-top:30px;margin-bottom:10px}&[data-v-906c0946] .PopOverPanel{margin-left:10px;display:inline-flex}& .label{&[data-v-906c0946]{color:var(--text-color-3);align-items:center;margin-bottom:10px;font-size:12px;font-weight:700;line-height:20px;display:flex}& .PopOverPanel{&[data-v-906c0946]{margin-left:10px;display:inline-flex}&[data-v-906c0946] .trigger{display:inline-flex!important}}}& .sendEmailToGeneralAndSpecificRecipientEmails{&[data-v-906c0946]{margin-top:10px;margin-left:10px}& label{&[data-v-906c0946]{user-select:none;justify-content:flex-start;align-items:center;display:flex}& .checkbox-parts{&[data-v-906c0946]{border:1px solid var(--shadow-color-1);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;margin-right:10px;transition:all .2s cubic-bezier(.4,.4,0,1);display:flex;position:relative}&[data-v-906c0946]:hover{background:var(--shadow-color-0)}& i[data-v-906c0946]{color:var(--pd-black-1);font-size:12px}}& .text[data-v-906c0946]{opacity:.5;color:var(--text-color-2);cursor:pointer;font-size:12px}}}}& .deleteFrom{&[data-v-906c0946]{border:1px solid var(--base-color-3);box-sizing:border-box;cursor:pointer;user-select:none;border-radius:4px;align-items:center;padding:10px 17px;transition:background-color .2s cubic-bezier(.4,.4,0,1);display:inline-flex}& .icon[data-v-906c0946]{margin-right:10px;font-size:16px}& .text[data-v-906c0946]{white-space:pre;font-size:12px;font-style:normal;font-weight:400;line-height:12px}& .icon[data-v-906c0946],& .text[data-v-906c0946]{color:#e94a43;font-weight:500}&[data-v-906c0946]:hover{background-color:var(--base-color-2)}}}#ModalFormSettings{&[data-v-7edb3fa7]{background-color:var(--base-color-1);border-radius:12px;justify-content:stretch;align-items:flex-start;width:950px;max-width:90%;height:720px;min-height:50vh;max-height:90vh;transition:all .3s cubic-bezier(0,.4,0,1);display:flex;box-shadow:inset 0 0 0 1px #ffffff26,0 0 8px #0000000d}& .navi{&[data-v-7edb3fa7]{border-right:1px solid var(--shadow-color-1);flex:0 0 280px;height:100%;padding:50px 0;overflow-y:auto}& .title[data-v-7edb3fa7]{color:var(--pd-black-1);margin:0 0 20px;padding:0 50px;font-size:24px;font-weight:700;line-height:35px}& .section-title[data-v-7edb3fa7]{color:var(--text-color-3);margin-top:15px;padding:10px 50px;font-size:12px;font-weight:700;line-height:20px}& .menu-list{& .menu-item{&[data-v-7edb3fa7]{cursor:pointer}&.active{&[data-v-7edb3fa7]{background:var(--shadow-color-0)}& p[data-v-7edb3fa7]{color:var(--pd-black-1);font-weight:700}}&[data-v-7edb3fa7]:hover{background:var(--shadow-color-0)}& .text[data-v-7edb3fa7]{text-overflow:ellipsis;white-space:nowrap;color:var(--text-color-4);padding:15px 50px;font-size:15px;font-weight:400;overflow:hidden}}}}& .main[data-v-7edb3fa7]{flex:1;height:100%;padding:50px 60px;overflow:auto}}.PdLayout{& .nav-title{&[data-v-d2300bfd]{color:var(--text-color-5);margin:0 20px 10px 40px;font-size:13px;font-weight:700}&.hasForm[data-v-d2300bfd]{color:var(--text-color-1)}}& .navigation{&[data-v-d2300bfd]{height:calc(100% - 220px);padding-bottom:40px;overflow-y:auto}& .separator[data-v-d2300bfd]{border-top:1px solid var(--pd-border-color-1);margin:20px}&[data-v-d2300bfd] a{color:var(--pd-black-3);cursor:pointer;justify-content:space-between;align-items:center;width:100%;padding:0 15px 0 40px;font-size:14px;line-height:40px;display:flex;&:hover,&.nuxt-link-active{color:var(--text-color-2);font-weight:700}& .formId{color:inherit;font-weight:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}& .length{background:var(--shadow-color-0);color:var(--text-color-4);border-radius:12px;padding:0 8px;font-size:12px;font-weight:700;line-height:18px;display:flex}}}& .ghost[data-v-d2300bfd]{opacity:0}& .nav-bottom[data-v-d2300bfd]{background-color:var(--base-color-1);width:219px;padding-bottom:40px;position:fixed;bottom:0;left:0}}.image-item{&[data-v-4c832fda]{transition:all .2s cubic-bezier(.4,.4,0,1)}&[data-v-4c832fda]:active{transform:scale(.94)}}.cover[data-v-4c832fda]{opacity:0;background-color:#0006;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s ease-in-out;display:flex;position:absolute;top:0;left:0}.photos{&[data-v-4c832fda]{flex-direction:column;flex:1;display:flex;overflow-y:auto}&[data-v-4c832fda]::-webkit-scrollbar{display:none}& .masonry{&[data-v-4c832fda]{width:100%}& .list{&[data-v-4c832fda]{gap:4px;margin:0;padding:0;list-style:none;display:grid}& li[data-v-4c832fda]{border-radius:4px;font-size:0;position:relative;overflow:hidden}}}}.cms-unsplash-panel{&[data-v-770c064a]{box-sizing:border-box;flex-direction:column;width:100%;height:100%;padding:12px;display:flex}& .input{&[data-v-770c064a]{display:flex;position:relative}& i.unsplash-icon[data-v-770c064a]{z-index:1;width:16px;height:16px;position:absolute;top:10px;left:12px}& input{&[data-v-770c064a]{border:none;border:1px solid var(--shadow-color-1);box-sizing:border-box;width:100%;height:36px;color:var(--text-color-1);border-radius:6px;outline:none;padding:0 10px 0 38px;font-size:12px;font-weight:500;line-height:20px;transition:all .2s cubic-bezier(.4,.4,0,1)}&[data-v-770c064a]:hover{background:var(--shadow-color-0)}&[data-v-770c064a]:focus{box-shadow:0 0 0 2px var(--shadow-color-1);background:0 0}}& .random[data-v-770c064a]{border:1px solid var(--shadow-color-1);border-radius:6px;margin-left:4px;padding:0 10px}}& .nav{&[data-v-770c064a]{width:100%;margin-top:10px}& .collection-title{&[data-v-770c064a]{justify-content:space-between;align-items:center;width:100%;display:flex}& h2[data-v-770c064a]{box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;text-align:left;width:10px;color:var(--text-color-1);flex:1;padding:0;font-size:16px;font-weight:700;line-height:36px;display:block;overflow:hidden}}}& .photos{&[data-v-770c064a]{border-radius:6px;flex-direction:column;flex:1;margin-top:10px;display:flex;overflow-y:scroll}&[data-v-770c064a]::-webkit-scrollbar{display:none}& .uls{&[data-v-770c064a]{flex-wrap:wrap;width:100%;height:auto;display:flex}& ul{&[data-v-770c064a]{flex-direction:column;width:calc(50% - 2px);display:flex}&.left[data-v-770c064a]{margin-right:4px}}}& .masonry{&[data-v-770c064a]{width:100%}& .masonry-grid{&[data-v-770c064a]{grid-template-columns:repeat(3,1fr);grid-auto-rows:10px;gap:4px;margin:0;padding:0;list-style:none;display:grid}& li[data-v-770c064a]{border-radius:4px;margin-bottom:0;font-size:0;position:relative;overflow:hidden}& .photo-button[data-v-770c064a]{width:100%;height:100%;display:block}& .img{&[data-v-770c064a]{width:100%;height:100%;display:block}& img[data-v-770c064a]{object-fit:cover;width:100%;height:100%}}}}}& .photo-item[data-v-770c064a]{margin-bottom:4px;list-style:none}& .photo-button{&[data-v-770c064a]{cursor:pointer;border-radius:6px;width:100%;height:100%;transition:all .2s cubic-bezier(.4,.4,0,1);display:flex;position:relative}&:hover{& .img>.cover[data-v-770c064a],& .content[data-v-770c064a]{opacity:1}}&:active{& .img[data-v-770c064a]{transform:scale(.94)}}& .img{&[data-v-770c064a]{width:100%;transition:all .2s cubic-bezier(.4,.4,0,1);display:flex;position:relative}& img[data-v-770c064a]{pointer-events:none;border-radius:6px;width:100%;height:100%}& .cover[data-v-770c064a]{box-sizing:border-box;pointer-events:none;opacity:0;background:#0006;border-radius:6px;transition:all .2s cubic-bezier(.4,.4,0,1);position:absolute;inset:0}}& .content{&[data-v-770c064a]{pointer-events:none;opacity:0;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,.4,0,1);display:flex;position:absolute;inset:0}& i[data-v-770c064a]{color:#fff;font-size:24px}& .photographer{&[data-v-770c064a]{pointer-events:none;flex-direction:row;align-items:center;padding:5px 7px;display:flex;position:absolute;bottom:0;left:0}& a{&[data-v-770c064a]{pointer-events:all;transition:all .2s cubic-bezier(.4,.4,0,1);display:flex}&[data-v-770c064a]:hover{opacity:.5}& i[data-v-770c064a]{margin-right:6px;font-size:15px;display:flex}}& p[data-v-770c064a]{color:#fffc;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;line-height:15px;text-decoration:none;display:block;overflow:hidden}}}}& .collections{&[data-v-770c064a]{border-radius:6px;flex-direction:column;flex:1;margin-top:12px;display:flex;overflow-y:scroll}&[data-v-770c064a]::-webkit-scrollbar{display:none}& .collections-grid[data-v-770c064a]{flex-direction:column;gap:10px;display:flex}}& .more[data-v-770c064a]{background:#0000000d;border-radius:2px;width:100%;height:40px;margin-top:8px;display:flex}& .loading[data-v-770c064a]{border-radius:2px;justify-content:center;align-items:center;width:100%;height:60px;margin-top:8px;display:flex}}.popover-enter-active[data-v-5de5c5aa],.popover-leave-active[data-v-5de5c5aa]{transition:transform .2s,opacity .2s}.popover-enter-from[data-v-5de5c5aa],.popover-leave-to[data-v-5de5c5aa]{opacity:0;transform:scale(.95)}.fade-enter-active[data-v-5de5c5aa],.fade-leave-active[data-v-5de5c5aa]{transition:opacity .1s ease-out}.fade-enter-from[data-v-5de5c5aa],.fade-leave-to[data-v-5de5c5aa]{opacity:0}[data-color-picker-floating]{z-index:1100!important}.o-cms-content-prev-next-button{&[data-v-9266c088]{background-color:var(--piano-black);opacity:.4;backdrop-filter:blur(2px);width:56px;height:56px;transition:.4s var(--piano-animation-base-timing);top:calc(50% - 28px)}&.prev[data-v-9266c088]{right:calc(100% + 40px)}&.next[data-v-9266c088]{left:calc(100% + 40px)}}.update-status{&[data-v-0b79029d]{border-radius:4px;align-items:center;padding:4px;display:flex}& p[data-v-0b79029d],& span[data-v-0b79029d]{color:var(--pd-black-3);font-size:11px;font-weight:500}}@keyframes spin-0b79029d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-icon{&[data-v-0b79029d]{color:#1bb157;margin-right:5px;font-size:13px;font-weight:700}&.progress[data-v-0b79029d]{animation:1.5s linear infinite spin-0b79029d}}.divider[data-v-0b79029d]{margin:0 3px}.o-content-editor-header-opening-member{& .header-user{&[data-v-39bbe523]{z-index:1;place-content:center;align-items:center;width:20px;height:100%;transition:all .4s cubic-bezier(.4,.4,0,1);display:flex;position:relative}&:hover{& .icon[data-v-39bbe523]{transform:translateY(-2px);box-shadow:0 4px 12px #0003}& .menu[data-v-39bbe523]{opacity:1;pointer-events:all;transform:translateY(12px)}}& .icon{&[data-v-39bbe523]{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;flex:none;width:24px;height:24px;transition:all .4s cubic-bezier(.4,.4,0,1);position:relative;box-shadow:0 2px 3px #0003}& .ring[data-v-39bbe523]{border-radius:50%;position:absolute;inset:-3px}}& .menu{&[data-v-39bbe523]{background:var(--base-color-1);width:260px;box-shadow:0 0 0 1px var(--shadow-color-0), 0 0 10px #0000001a;opacity:0;pointer-events:none;cursor:default;border-radius:8px;flex-direction:column;margin-top:20px;margin-right:-31px;transition:all .4s cubic-bezier(.4,.4,0,1);display:flex;position:absolute;top:50%;right:50%}&[data-v-39bbe523]:after{content:"";width:50%;height:25px;position:absolute;top:-25px;right:0}& .info{&[data-v-39bbe523]{border-bottom:1px solid var(--shadow-color-1);flex-direction:column;width:100%;padding:16px 20px;overflow-x:hidden}& .name[data-v-39bbe523]{color:var(--text-color-1);word-break:break-all;font-size:20px}& .email[data-v-39bbe523]{color:var(--text-color-3);margin-top:5px;font-size:12px}}}}}.a-avatar-circle[data-v-5554f0cc]{background-position:50%;border-radius:50%;width:24px;height:24px}.contentUpdatedBlock{&[data-v-5554f0cc]{z-index:100;border-radius:6px}&:hover{&[data-v-5554f0cc]{cursor:default;background-color:var(--piano-gray-100)}&:hover,&:focus-within{& .updatedAccountInfo[data-v-5554f0cc]{opacity:1;pointer-events:all;transform:translateY(0)}}}& .updatedAccountInfo[data-v-5554f0cc]{opacity:0;background:var(--base-color-1);box-shadow:0 0 0 1px var(--shadow-color-0), 0 0 10px #0000001a;transition:var(--piano-hover-animation);pointer-events:none;border-radius:8px;padding:16px;transform:translateY(-12px)}}.spinner[data-v-e554b692]{border:2px solid #fff3;border-color:#ffffffe6 #fff3 #fff3 #ffffffe6;border-radius:50%;width:16px;height:16px;animation:1s linear infinite loading-spin-e554b692}.spinner.black[data-v-e554b692]{border:2px solid var(--shadow-color-1);border-top-color:var(--text-color-4);border-left-color:var(--text-color-4)}@keyframes loading-spin-e554b692{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.o-status-badge-button[data-v-b2c838b9]{width:28px}.o-content-editor-header{&[data-v-8c161773]{height:76px}& .inner[data-v-8c161773]{height:36px}}.o-content-editor-item-drag-indicator-dropdown{&[data-v-a0e72147]{width:216px}& .field-name-wrap[data-v-a0e72147]{max-width:170px}& .close-btn[data-v-a0e72147],& .edit-btn[data-v-a0e72147],& .submit-btn[data-v-a0e72147]{border-radius:12px;place-items:center;width:24px;height:24px;display:grid}}.accordion-enter-active[data-v-a0e72147],.accordion-leave-active[data-v-a0e72147]{transition:.3s var(--piano-animation-base-timing);transform-origin:top}.accordion-enter-from[data-v-a0e72147],.accordion-leave-to[data-v-a0e72147]{opacity:0;height:0;padding-top:0;padding-bottom:0;transform:scaleY(0)}.o-content-editor-item-color-field{& .color-square{&[data-v-c1067b7a]{background-image:linear-gradient(45deg, var(--shadow-color-1) 25%, transparent 25%, transparent 75%, var(--shadow-color-1) 75%), linear-gradient(45deg, var(--shadow-color-1) 25%, transparent 25%, transparent 75%, var(--shadow-color-1) 75%);background-position:0 0,5px 5px;background-size:10px 10px;width:24px;height:24px}& span[data-v-c1067b7a]{box-shadow:0 0 0 1px var(--shadow-color-2) inset}}}.o-content-editor-item-image-field{& .thumbnail-image-wrap{&[data-v-830368dd],& .thumbnail-image[data-v-830368dd]{transition:width .4s var(--piano-animation-base-timing)}& .thumbnail-image-mask[data-v-830368dd]{top:0;left:0}}& .upload-icon-wrap[data-v-830368dd]{transition:var(--piano-hover-animation);top:0;left:0}&:hover{& .upload-icon-wrap[data-v-830368dd]{opacity:1}}& .uploading[data-v-830368dd]{transition:var(--piano-hover-animation);top:0;left:0}& .default-logo{&[data-v-830368dd]{aspect-ratio:16/9;width:110px;transition:var(--piano-hover-animation)}&.isExpanded[data-v-830368dd]{aspect-ratio:16/9;width:240px}}}.__uploading[data-v-4cc7f723]{transition:var(--piano-hover-animation)}.o-edit-reference-field-user-tag{&[data-v-231c260e]{max-width:200px}& .close-btn[data-v-231c260e]{top:-4px;right:-4px}&:hover{& .close-btn[data-v-231c260e]{display:block}}}.o-content-editor-item-reference-field{&.isHovered[data-v-30a8bffa]{background-color:var(--piano-gray-50)}}.thumbnail-wrap[data-v-2796f196]{transition:width .4s var(--piano-animation-base-timing)}.v-popper--theme-cation-tooltip{top:10px;& .v-popper__wrapper{background-color:var(--color-surface-danger-light);& .v-popper__inner{box-shadow:0 0 0 1px var(--shadow-color-0), 0 0 10px #0000001a;border-radius:4px;padding:8px;& .tooltip-message{color:var(--color-text-danger);font-size:10px;font-weight:700;line-height:14px}}& .v-popper__arrow-container{display:none}}}.o-content-editor-item{&[data-v-ab1efbc0]{min-height:56px}& .drag-indicator-wrap{&[data-v-ab1efbc0]{right:100%}& .knob{&[data-v-ab1efbc0]{width:16px;height:16px}&[data-v-ab1efbc0]:hover{background:var(--piano-hover-gray-color)}}}&.isDragging[data-v-ab1efbc0]{margin-top:1px}}.cms-avatar-field{& .avatar-focus-ring[data-v-38fa0adf]{border:2px solid var(--color-border-accent)}& .avatar-image{&[data-v-38fa0adf]{cursor:pointer;transition-property:transform,opacity,box-shadow;transition-duration:var(--piano-hover-animation-duration,.2s);transition-timing-function:var(--piano-hover-animation-timing,ease);background-position:50%;background-size:cover;border-radius:50%;position:relative;overflow:hidden}& .avatar-hover-overlay[data-v-38fa0adf]{backdrop-filter:blur(2px)}&:hover{& .avatar-hover-overlay[data-v-38fa0adf]{opacity:1}}}& .uploading[data-v-38fa0adf]{transition:var(--piano-hover-animation)}}.o-content-editor-title{& input{&[data-v-f3149dec]{border-bottom:2px solid var(--color-border)}&[data-v-f3149dec]::placeholder{color:var(--color-text-tertiary)}&[data-v-f3149dec]:focus{border-color:var(--color-border-accent)}}}.__container[data-v-5233d9fc]{transition:var(--piano-hover-animation)}.o-cms-content-editor{&[data-v-88efd45f]{width:880px;height:92vh;transition:.4s var(--piano-animation-base-timing);left:calc(50% - 440px)}& .spinner-wrap[data-v-88efd45f]{background:#0003}& .spinner[data-v-88efd45f]{border:2px solid #fff3;border-color:#ffffffe6 #fff3 #fff3 #ffffffe6;border-radius:50%;width:16px;height:16px;animation:1s linear infinite loading-spin-88efd45f}& .update-status-wrap[data-v-88efd45f]{bottom:30px;right:40px}& .content-editor-item-scroller{&[data-v-88efd45f]{transition:all .3s cubic-bezier(0,.5,0,1)}&.v-enter-from{&[data-v-88efd45f]{opacity:0}&.prev[data-v-88efd45f]{transform:translate(-30px)}&.next[data-v-88efd45f]{transform:translate(30px)}}}}@keyframes loading-spin-88efd45f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.o-collection-editor-add-item-row-dropdown{& input{&[data-v-ca1b6bfa]{border-bottom:2px solid var(--piano-input-focus-border-color)}&[data-v-ca1b6bfa]::placeholder{font-size:14px}}& .thumbnail-wrap[data-v-ca1b6bfa]{width:80px;height:40px}& .image-mask[data-v-ca1b6bfa]{box-shadow:inset 0 0 0 1px #1111110f}& .title-wrap{&[data-v-ca1b6bfa]{max-width:100%}&.isPostType[data-v-ca1b6bfa]{max-width:calc(100% - 120px)}}& .items-wrap{&[data-v-ca1b6bfa]{max-height:200px}& .item{&[data-v-ca1b6bfa]:hover,&.isSelected[data-v-ca1b6bfa]{background-color:var(--piano-hover-gray-color)}}}& .add-new-item-btn{&.isSelected[data-v-ca1b6bfa]{background-color:var(--piano-hover-gray-color)}}}.o-collection-editor-add-item-row{&[data-v-8d60ca96]{background-color:var(--piano-white);height:48px}& .options{&[data-v-8d60ca96]{box-shadow:0 0 0 1px var(--shadow-color-0), 0 0 10px #0000001a;background:var(--base-color-1);border-radius:3px}& li{&[data-v-8d60ca96]{cursor:pointer;border-radius:0;align-items:center;width:100%;height:40px;padding:0 8px;display:flex}&[data-v-8d60ca96]:first-child{border-radius:3px 3px 0 0}&[data-v-8d60ca96]:last-child{border-radius:0 0 3px 3px}&[data-v-8d60ca96]:hover{background:var(--shadow-color-0);transition:none}&.isSelected[data-v-8d60ca96]{background:var(--shadow-color-1)}&.isDynamic{&[data-v-8d60ca96]:after{content:"Dynamic";color:#0071ff;font-size:12px;position:absolute;right:15px}& p[data-v-8d60ca96],& i[data-v-8d60ca96]{color:#0071ff}}& .avatar[data-v-8d60ca96],& .cover[data-v-8d60ca96]{background-size:cover;background-color:var(--shadow-color-0);box-shadow:0 0 0 1px var(--shadow-color-0) inset;margin:0 8px}& .avatar[data-v-8d60ca96]{border-radius:50%;width:20px;height:20px}& .cover[data-v-8d60ca96]{border-radius:2px;width:32px;height:20px}& i[data-v-8d60ca96]{color:var(--text-color-2);margin:0 2px;font-size:15px}& p[data-v-8d60ca96]{white-space:nowrap;text-overflow:ellipsis;color:var(--text-color-2);margin-left:4px;font-size:12px;font-weight:700;line-height:15px;display:block;overflow:hidden}& .status{&[data-v-8d60ca96]{background:#eee;border-radius:50%;flex:none;width:8px;height:8px;margin:4px}&.draft[data-v-8d60ca96]{background:#ffce54}&.public[data-v-8d60ca96],&.change[data-v-8d60ca96]{background:#23c50b}}}& svg[data-v-8d60ca96]{margin-right:6px}& .name{&[data-v-8d60ca96]{flex:1}&>p[data-v-8d60ca96]{color:var(--text-color-1);text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;flex:1;width:80px;font-size:13px;display:block;overflow:hidden}}& span[data-v-8d60ca96]{color:var(--text-color-3);font-size:11px}}}input{&[data-v-8d60ca96]{border-bottom:2px solid var(--piano-input-focus-border-color)}&[data-v-8d60ca96]::placeholder{font-size:14px}}.o-collection-editor-item{& .idx-column[data-v-701e8418]{width:40px}& .image-mask[data-v-701e8418]{box-shadow:inset 0 0 0 1px #1111110f}& .title-and-slug-wrap{&[data-v-701e8418]{max-width:700px}&.isPostType[data-v-701e8418]{max-width:600px}}& .thumbnail-wrap[data-v-701e8418]{width:80px;height:40px}& .drag-indicator-wrap{&[data-v-701e8418]{right:100%}& .knob{&[data-v-701e8418]{width:16px;height:16px}&[data-v-701e8418]:hover{background:var(--piano-hover-gray-color)}}}& .unlink-btn[data-v-701e8418]{top:-9px;right:-9px}&.isDragging[data-v-701e8418]{margin-top:1px}}.o-collection-editor-title{& input{&[data-v-0ea398dd]{border-bottom:2px solid var(--piano-border-color)}&[data-v-0ea398dd]::placeholder{color:var(--piano-gray-200)}&[data-v-0ea398dd]:not(:disabled):focus{border-color:var(--piano-blue-200)}}& p[data-v-0ea398dd]{border-bottom:2px solid var(--piano-border-color)}}.cms-collection-editor{&[data-v-0c2a6e90]{width:880px;height:92vh;transition:.4s var(--piano-animation-base-timing);left:calc(50% - 440px)}& .update-status-wrap[data-v-0c2a6e90]{bottom:12px;right:20px}& .collection-editor-item-scroller{&[data-v-0c2a6e90]{transition:all .3s cubic-bezier(0,.5,0,1)}&.v-enter-from{&[data-v-0c2a6e90]{opacity:0}&.prev[data-v-0c2a6e90]{transform:translate(-30px)}&.next[data-v-0c2a6e90]{transform:translate(30px)}}}}.modal-backdrop[data-v-d447a148]{background-color:var(--modal-backdrop-color)}.modal-card{&[data-v-d447a148]{background:var(--base-color-1);pointer-events:all;width:360px;height:auto;box-shadow:var(--box-shadow-depth-1);border-radius:12px;flex-direction:column;position:relative}& .modal-content{&[data-v-d447a148]{flex-direction:column;justify-content:center;width:100%;min-height:148px;padding:24px}& .modal-title[data-v-d447a148]{color:var(--text-color-1);margin-bottom:24px;font-size:18px;font-weight:700;line-height:1.2}& .modal-btn[data-v-d447a148]{margin-top:30px}}}.modal-card{&[data-v-7fcce186]{background:var(--base-color-1);pointer-events:all;width:380px;height:auto;box-shadow:var(--box-shadow-depth-1);border-radius:12px;flex-direction:column;position:relative}& .modal-content{&[data-v-7fcce186]{flex-direction:column;justify-content:center;width:100%;min-height:200px;padding:24px}& .modal-title[data-v-7fcce186]{color:var(--text-color-1);margin-bottom:24px;font-size:18px;font-weight:700;line-height:1.2}& .modal-btns[data-v-7fcce186]{justify-content:flex-end;align-items:center;margin-top:30px;display:flex}}}.btn-upload-input[data-v-3e15384b]{appearance:none;opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.modal-card{&[data-v-3e15384b]{background:var(--base-color-1);pointer-events:all;width:424px;height:auto;box-shadow:var(--box-shadow-depth-1);border-radius:12px;flex-direction:column;position:relative}& .modal-content{&[data-v-3e15384b]{flex-direction:column;justify-content:center;width:100%;min-height:450px;padding:32px}&.small[data-v-3e15384b]{min-height:300px}& .modal-title[data-v-3e15384b]{color:var(--text-color-1);align-items:center;margin-bottom:24px;font-size:18px;font-weight:700;line-height:1.2;display:flex}& .modal-btns[data-v-3e15384b]{justify-content:flex-end;margin-top:24px}}& .modal-dragarea{&[data-v-3e15384b]{box-sizing:border-box;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}&>.inner{&[data-v-3e15384b]{border:1px dashed var(--piano-gray-300);background-color:var(--piano-white);text-align:center;border-radius:6px;width:100%;height:100%;padding:16px}&.is-fileset[data-v-3e15384b]{border:1px dashed var(--piano-blue-300)}&.has-error[data-v-3e15384b]{border-color:var(--piano-red-500);background-color:var(--piano-red-50)}&>.icon[data-v-3e15384b]{font-size:32px}& .text-alpha[data-v-3e15384b]{opacity:.6}}&.is-enter{&[data-v-3e15384b]{background-color:var(--piano-blue-50)}&[data-v-3e15384b]:before{opacity:1}&>.inner[data-v-3e15384b]{border:1px dashed var(--piano-blue-600);border-radius:6px}}&[data-v-3e15384b]:before{content:"";opacity:0;border:5px solid var(--piano-blue-50);border-radius:6px;width:calc(100% + 1px);height:calc(100% + 1px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}& .modal-help[data-v-3e15384b]{background-color:var(--piano-gray-50);border-radius:6px;margin-bottom:24px;padding:16px}& .hint{&[data-v-3e15384b]{text-align:right}& a{&[data-v-3e15384b]{width:auto;color:var(--blue-color-1);justify-content:flex-end;align-items:center;font-size:12px;line-height:14px;display:inline-flex}& .material-icons[data-v-3e15384b]{color:inherit;margin-right:3px;font-size:16px;line-height:16px}& .text[data-v-3e15384b]{color:inherit;margin-right:2px;font-weight:700}}}}.PopupLayer{&[data-v-c0fdba0e]{z-index:1000001;box-shadow:0 0 0 1px var(--shadow-color-0), 0 0 10px #0000001a;border-radius:4px;position:fixed}&[isScroll][data-v-c0fdba0e]{overflow-y:auto}}.ComboBox{&[data-v-239e9511]{width:100%}& .selectedItem{&[data-v-239e9511]{border:1px dashed var(--shadow-color-1);border-radius:6px;justify-content:flex-start;align-items:center;width:100%;height:40px;padding:0 4px;transition:all .3s cubic-bezier(.4,.4,0,1);display:flex;position:relative}&[data-v-239e9511]:hover{background:var(--shadow-color-0)}& i{&[data-v-239e9511]{color:var(--text-color-4);margin:0 4px 0 2px;font-size:18px}&.down[data-v-239e9511]{margin-left:auto}}& p{&[data-v-239e9511]{color:var(--text-color-2);margin-left:4px;font-size:14px;font-weight:400;line-height:16px}&.placeholder[data-v-239e9511]{color:var(--text-color-4);font-weight:400}}& .delete[data-v-239e9511]{width:20px;height:20px;position:absolute;right:0}}& .input{&[data-v-239e9511]{position:relative}& input{&[data-v-239e9511]{width:100%;color:var(--text-color-2);height:40px;box-shadow:0 0 0 1px var(--shadow-color-1);padding:4px 10px;font-size:12px;font-weight:700;line-height:17px;transition:all .3s cubic-bezier(.4,.4,0,1)}&[data-v-239e9511]:hover{background-color:#0000}&[data-v-239e9511]:focus{background-color:#0000;box-shadow:inset 0 -2px #0071ff66}&[data-v-239e9511]::placeholder{color:var(--text-color-4)}}}}.options{&[data-v-239e9511]{box-shadow:0 0 0 1px var(--shadow-color-0), 0 0 10px #0000001a;background:var(--base-color-1);border-radius:3px;width:100%}& li{&[data-v-239e9511]{cursor:pointer;border-radius:0;align-items:center;width:100%;height:36px;padding:0 8px;display:flex}&[data-v-239e9511]:first-child{border-radius:3px 3px 0 0}&[data-v-239e9511]:last-child{border-radius:0 0 3px 3px}&[data-v-239e9511]:hover{background:var(--shadow-color-0);transition:none}&.isSelected[data-v-239e9511]{background:var(--shadow-color-1)}&.isOnlyChild{&[data-v-239e9511]{background:0 0}&[data-v-239e9511]:hover{background:var(--shadow-color-0)}}&.isDynamic{&[data-v-239e9511]:after{content:"Dynamic";color:#0071ff;font-size:12px;position:absolute;right:15px}& p[data-v-239e9511],& i[data-v-239e9511]{color:#0071ff}}& .avatar[data-v-239e9511]{background-size:cover;background-color:var(--shadow-color-0);width:20px;height:20px;box-shadow:0 0 0 1px var(--shadow-color-0) inset;border-radius:50%;margin-right:2px}& i[data-v-239e9511]{color:var(--text-color-2);margin:0 2px;font-size:15px}& p[data-v-239e9511]{color:var(--text-color-2);margin-left:4px;font-size:12px;font-weight:700;line-height:15px}}& svg[data-v-239e9511]{margin-right:6px}& .name{&[data-v-239e9511]{flex:1;display:flex}&>p[data-v-239e9511]{color:var(--text-color-1);text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;flex:1;width:80px;font-size:13px;display:block;overflow:hidden}}& span[data-v-239e9511]{color:var(--text-color-3);font-size:11px}}i.cancel[data-v-239e9511]{background:var(--shadow-color-0);color:var(--text-color-3);cursor:pointer;border-radius:50%;padding:3px;font-size:13px;transition:all .2s cubic-bezier(.4,.4,0,1)}i.cancel[data-v-239e9511]:hover{background:var(--shadow-color-1)}i.cancel[data-v-239e9511]:active{background:var(--shadow-color-2)}.CreateCollection{&[data-v-dc162a9d]{background:var(--base-color-1);pointer-events:all;border-radius:8px;flex-direction:column;align-self:center;align-items:center;width:480px;max-height:92vh;transition:height .4s cubic-bezier(.4,.4,0,1);display:flex;position:absolute;left:calc(50% - 240px);overflow-y:auto;box-shadow:inset 0 0 0 1px #ffffff26,0 0 8px #0000000d;overflow:visible!important}& .scroller{&[data-v-dc162a9d]{flex-direction:column;flex:1;align-items:center;width:100%;padding:50px;display:flex;overflow-y:auto}& .content-header[data-v-dc162a9d]{justify-content:space-between;width:100%;margin-bottom:30px;display:flex}& .content-block{&[data-v-dc162a9d]{flex-direction:column;width:100%;display:flex}& .title[data-v-dc162a9d]{color:var(--pd-black-1);margin-bottom:20px;font-size:13px;font-weight:700;line-height:15px}& .icon-title[data-v-dc162a9d]{margin-bottom:30px;display:flex}& .select-title[data-v-dc162a9d]{color:var(--text-color-4);opacity:.8;margin-bottom:10px;font-size:13px;font-weight:700;line-height:15px;display:flex}}}}.CreateCollection .scroller input[data-v-dc162a9d]{color:var(--pd-black-1);width:100%;box-shadow:0 -1px 0 0px var(--shadow-color-1) inset;background:0 0;outline:none;padding:3px 0;font-size:28px;font-weight:600;line-height:28px;transition:all .3s cubic-bezier(.4,.4,0,1)}.CreateCollection .scroller input[data-v-dc162a9d]:focus{box-shadow:0 -2px 0 0 var(--pd-focus) inset}.CreateCollection .scroller input[data-v-dc162a9d]::placeholder{color:var(--shadow-color-2)}.CreateCollection .scroller button[data-v-dc162a9d]{background:var(--pd-dark-1);box-sizing:border-box;cursor:pointer;user-select:none;border-radius:6px;justify-content:center;align-items:center;height:44px;margin-top:50px;transition:all .2s cubic-bezier(.4,.4,0,1);display:flex}.CreateCollection .scroller button span[data-v-dc162a9d]{color:var(--base-color-1);font-size:15px;font-weight:700}.CreateCollection .scroller button[data-v-dc162a9d]:hover{opacity:.8}.CreateCollection .scroller button.disable[data-v-dc162a9d]{opacity:.25;pointer-events:none}.CreateCollection .scroller button.loading[data-v-dc162a9d]{pointer-events:none}.CreateCollection .scroller button .spinner[data-v-dc162a9d]{border:2px solid var(--base-color-1-opacity-20);border-top-color:var(--base-color-1);border-left-color:var(--base-color-1);border-radius:50%;width:16px;height:16px;animation:1s linear infinite loading-spin-dc162a9d;display:flex}@keyframes loading-spin-dc162a9d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.CreateSchema{&[data-v-6e75d912]{background:var(--base-color-1);pointer-events:all;border-radius:8px;flex-direction:row;width:920px;height:600px;max-height:92vh;transition:height .4s cubic-bezier(.4,.4,0,1);display:flex;position:absolute;overflow-y:auto;box-shadow:inset 0 0 0 1px #ffffff26,0 0 8px #0000000d;overflow:visible!important}& .main{&[data-v-6e75d912]{border-right:1px solid var(--shadow-color-0);flex-direction:column;align-items:stretch;width:390px;padding:50px;display:flex}& .content-header[data-v-6e75d912]{justify-content:space-between;width:100%;margin-bottom:30px;display:flex}& input{&[data-v-6e75d912]{color:var(--pd-black-1);width:100%;box-shadow:0 -1px 0 0px var(--shadow-color-1) inset;background:0 0;outline:none;padding:8px 0;font-size:24px;font-weight:600;line-height:28px;transition:all .3s cubic-bezier(.4,.4,0,1)}&[data-v-6e75d912]:focus{box-shadow:0 -2px 0 0 var(--pd-focus) inset}&[data-v-6e75d912]::placeholder{color:var(--shadow-color-2)}}& .title[data-v-6e75d912]{color:var(--pd-black-1);margin-bottom:20px;font-size:24px;font-weight:700}& section{&[data-v-6e75d912]{margin:20px 0}& label[data-v-6e75d912]{color:var(--text-color-4);opacity:.8;margin-bottom:10px;font-size:13px;font-weight:700;line-height:15px;display:flex}& .select{&[data-v-6e75d912]{flex-direction:column;width:100%;display:flex}& li{&[data-v-6e75d912]{cursor:pointer;width:100%;height:auto;color:var(--pd-black-3);border-radius:2px;align-items:center;margin-bottom:1px;padding:16px 10px;text-decoration:none;transition:all .1s cubic-bezier(.4,.4,0,1);display:flex}& i[data-v-6e75d912],& p[data-v-6e75d912]{text-overflow:ellipsis;white-space:nowrap;color:var(--pd-black-3);font-size:14px;font-weight:700;line-height:16px;transition:all .2s cubic-bezier(.4,.4,0,1);overflow:hidden}& i[data-v-6e75d912]{width:24px;margin-right:4px;font-size:18px;font-weight:400}& i.check[data-v-6e75d912]{margin-left:auto;display:none}&:hover,&.isSelected{&[data-v-6e75d912]{background:var(--pd-base-2)}& i[data-v-6e75d912],& p[data-v-6e75d912]{color:var(--pd-black-1)}}&.isSelected{& i.check[data-v-6e75d912]{display:flex}}}}}}& .caption{&[data-v-6e75d912]{flex:1;padding:46px 50px;position:relative}& .title{&[data-v-6e75d912]{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}& h2[data-v-6e75d912]{color:var(--pd-black-1);font-size:20px;font-weight:700}& .hint{& a{&[data-v-6e75d912]{width:auto;color:var(--blue-color-1);border-radius:20px;justify-content:flex-end;align-items:center;padding:4px 6px;font-size:12px;line-height:14px;display:inline-flex}& .material-icons[data-v-6e75d912]{color:inherit;margin-right:3px;font-size:16px;line-height:16px}& .text[data-v-6e75d912]{color:inherit;margin-right:2px;font-weight:700}&[data-v-6e75d912]:hover{background-color:var(--shadow-color-0)}}}}& p[data-v-6e75d912]{color:var(--pd-black-1);white-space:pre-wrap;min-height:80px;font-size:14px;line-height:1.6}& .properties{&[data-v-6e75d912]{margin-top:25px}& h3[data-v-6e75d912]{color:var(--text-color-4);opacity:.8;font-size:13px;font-weight:700;line-height:15px;display:flex}& ul{&[data-v-6e75d912]{flex-flow:wrap;margin-top:12px;display:flex}& li{&[data-v-6e75d912]{background:var(--pd-base-2);border-radius:11px;align-items:center;height:20px;margin-bottom:8px;margin-right:8px;padding:0 8px;line-height:20px;transition:all .2s cubic-bezier(.4,.4,0,1);display:flex}& i[data-v-6e75d912]{color:var(--text-color-4);opacity:.8;margin-right:4px;font-size:12px}& span[data-v-6e75d912]{color:var(--text-color-4);margin-right:2px;font-size:11px;font-weight:700}}}}& .image-wrapper{&[data-v-6e75d912]{border-radius:8px;width:530px;height:360px;position:absolute;bottom:1px;right:1px;overflow:hidden}& .image{&[data-v-6e75d912]{opacity:.01;background-size:cover;width:530px;height:360px;transition:all .4s cubic-bezier(.4,.4,0,1);position:absolute;bottom:0;right:0;transform:translateY(20px)}&.show[data-v-6e75d912]{opacity:1;transform:translateY(0)}&.post[data-v-6e75d912]{background-image:var(--create-schema-image-post)}&.user[data-v-6e75d912]{background-image:var(--create-schema-image-user)}&.category[data-v-6e75d912]{background-image:var(--create-schema-image-category)}&.blank[data-v-6e75d912]{background-image:var(--create-schema-image-custom)}}}}}.o-cms-side-navigation{& .model a.router-link-exact-active,& .collection .isActive,& a.isDragging,& a:hover{&[data-v-25fef24d]{background:var(--piano-hover-gray-color);cursor:pointer}& svg[data-v-25fef24d]{color:var(--piano-black)}& p[data-v-25fef24d],& span[data-v-25fef24d]{color:var(--piano-black);font-weight:700}}}.hover-icon{&:hover{&[data-v-25fef24d] svg path{fill:var(--piano-gray-700)}}}.o-update-and-back-to-draft-modal,.o-update-published-at-and-back-to-draft-modal{width:400px}.loading[data-v-02811f68]{background-color:var(--piano-white);z-index:1;align-content:center;position:fixed}.help[data-v-02811f68]{background-color:var(--piano-gray-50);border-radius:6px;width:374px;padding:16px}.progress-bar{&[data-v-f8edc413]{background-color:#e6e6e6;border-radius:8px;width:100%;height:4px;margin-bottom:32px;position:relative;overflow:hidden}&>.line[data-v-f8edc413]{background-color:var(--piano-black);border-radius:8px;height:100%;transition:width .4s cubic-bezier(.4,.4,0,1);position:absolute;top:0;left:0}}.modal-integration{&.v-enter-active,&.v-leave-active{&[data-v-ca23f20b]{transition:background .4s cubic-bezier(.4,.4,0,1)}& .modal-card[data-v-ca23f20b]{transition:transform .4s cubic-bezier(.4,.4,0,1),opacity .4s cubic-bezier(.4,.4,0,1)}}&.v-leave,&.v-enter-to{& .modal-card[data-v-ca23f20b]{opacity:1;transform:translateY(0)}}&.v-enter,&.v-leave-to{&[data-v-ca23f20b]{background-color:#0000}& .modal-card[data-v-ca23f20b]{opacity:0;transform:translateY(40px)}}}.help[data-v-ca23f20b]{background-color:var(--piano-gray-50);border-radius:6px;width:100%;margin:auto;padding:16px}.hint{&[data-v-ca23f20b]{text-align:right}& a{&[data-v-ca23f20b]{width:auto;color:var(--blue-color-1);justify-content:flex-end;align-items:center;font-size:12px;line-height:14px;display:inline-flex}& .material-icons[data-v-ca23f20b]{color:inherit;margin-right:3px;font-size:16px;line-height:16px}& .text[data-v-ca23f20b]{color:inherit;margin-right:2px;font-weight:700}}}.pd__loading{&[data-v-c3ad05b1]{z-index:var(--piano-z-index-loading);--icon-visual-half-height:56.57px;transition:all linear}& .icon{&[data-v-c3ad05b1]{clip-path:inset(0);width:20px;height:140px;transition:all .6s cubic-bezier(.4,.4,0,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}& .back[data-v-c3ad05b1]{background:var(--rebranding-loading-bg);width:20px;height:140px;position:absolute;top:0;left:0}& .front[data-v-c3ad05b1]{background:var(--rebranding-loading-bar);clip:rect(10px, 20px, 140px, 0px);background-position:bottom;width:20px;height:140px;transition:all .3s cubic-bezier(.4,.4,0,1);position:absolute;bottom:0;left:0}}& .slot[data-v-c3ad05b1]{left:50%;top:calc(50% + var(--icon-visual-half-height) + 40px);white-space:nowrap;text-align:center;position:absolute;transform:translate(-50%)}&.loading-enter-from{&[data-v-c3ad05b1]{background-color:#fff0}& .icon{& .front[data-v-c3ad05b1]{clip:rect(140px, 20px, 140px, 0px)}}}&.loading-enter-to{&[data-v-c3ad05b1]{background-color:var(--base-color-1)}& .icon{& .front[data-v-c3ad05b1]{clip:rect(10px, 20px, 140px, 0px)}}}&.loading-enter-active{&[data-v-c3ad05b1]{transition:background-color .8s cubic-bezier(.4,.4,0,1) .1s}& .icon{& .front[data-v-c3ad05b1]{transition:all 2s cubic-bezier(.31,.13,0,1)}}}&.loading-leave-active{&[data-v-c3ad05b1]{transition:all .6s cubic-bezier(.4,.4,0,1) .3s}& .icon{&[data-v-c3ad05b1]{transition:all .3s cubic-bezier(.4,.4,0,1) .3s}& .front[data-v-c3ad05b1]{transition:all .3s cubic-bezier(.4,.4,0,1)}}& .slot[data-v-c3ad05b1]{transition:all .3s cubic-bezier(.4,.4,0,1)}}&.loading-leave-to{&[data-v-c3ad05b1]{background-color:#fff0}& .icon{&[data-v-c3ad05b1]{clip-path:inset(0 0 100%)}& .front[data-v-c3ad05b1]{clip:rect(0px, 20px, 140px, 0px)}}& .slot[data-v-c3ad05b1]{opacity:0}}}.layout-dashboard-cms{width:100%;height:100%;position:relative;overflow:auto}.no-schema-block{justify-content:center;align-items:center;width:100%;height:100%;padding:0 60px;display:flex}.message-block{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:500px;line-height:1.4;display:flex}.no-schema-head{margin-bottom:10px;font-size:32px;font-weight:700}.no-schema-message{margin-bottom:20px;font-size:16px;font-weight:400;line-height:1.8}.no-schema-add-button{background:var(--text-color-2);border:1px solid var(--base-color-3);max-width:100%;height:40px;color:var(--base-color-1);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 30px;font-size:14px;font-weight:500;display:flex}.modal-wrapper>.modal-content-wrapper>.modal-content{&.modal-add-schema-enter-active,&.modal-add-schema-leave-active{transition:opacity .3s cubic-bezier(.51,.21,.38,.98),transform .3s cubic-bezier(.51,.21,.38,.98)}&.modal-add-schema-enter-from,&.modal-add-schema-leave-active{opacity:0;transform:translate(100px)}}.modal-card{&[data-v-c9161f04]{background:var(--piano-white);pointer-events:all;width:380px;height:auto;box-shadow:var(--box-shadow-depth-1);border-radius:12px;flex-direction:column;position:relative}& .modal-content{&[data-v-c9161f04]{flex-direction:column;justify-content:center;width:100%;padding:24px}& .modal-title[data-v-c9161f04]{color:var(--text-color-1);margin-bottom:16px;font-size:18px;font-weight:700;line-height:1.2}& .modal-btns[data-v-c9161f04]{justify-content:flex-end;align-items:center;margin-top:16px;display:flex}}}.dropdown-enter-active[data-v-1d2564bc],.dropdown-leave-active[data-v-1d2564bc]{transform-origin:top;transition:transform .4s cubic-bezier(.4,.4,0,1),opacity .4s cubic-bezier(.4,.4,0,1)}.dropdown-enter-from[data-v-1d2564bc],.dropdown-leave-to[data-v-1d2564bc]{opacity:0;transform:translateY(-12px)}.PdInvite{&[data-v-205c058f]{background:var(--base-color-1);width:440px;max-height:calc(100vh - 208px);box-shadow:0 0 0 1px var(--shadow-color-0), 0 0 10px #0000001a;border-radius:8px;margin-top:32px;position:absolute;top:50%;right:20px;overflow-y:hidden}&.v-enter-from[data-v-205c058f],&.v-leave-to[data-v-205c058f]{opacity:0;transform:translateY(-10px)}}.item{&[data-v-205c058f]{border-bottom:1px solid var(--shadow-color-1)}&[data-v-205c058f]:last-child{border-bottom:none}}.PdRoleSelectInvitation{&[data-v-564b826b]{position:relative}& button{&[data-v-564b826b]{border:3px solid #0000;transition:background-color .4s cubic-bezier(.4,.4,0,1),border-color .4s cubic-bezier(.4,.4,0,1)}&[data-v-564b826b]:focus-visible{background-color:var(--pd-black-5);border-color:#1c84fd3d}&.hasError[data-v-564b826b]{border-color:#fee2e5}&[disabled]{&[data-v-564b826b]{pointer-events:none;background-color:#0000;width:auto;min-width:auto;max-width:220px}& .material-icons-outlined[data-v-564b826b]{display:none}}}& .menu-items{&[data-v-564b826b]{box-shadow:0 0 0 1px var(--shadow-color-0), 0px 1px 3px -1px #00000003, 0px 5px 10px -1px #0000001a;border-radius:6px;transition:opacity .4s cubic-bezier(.4,.4,0,1),transform .4s cubic-bezier(.4,.4,0,1);position:absolute;top:calc(100% + 8px);right:0}&.v-enter-from[data-v-564b826b],&.v-leave-to[data-v-564b826b]{opacity:0;transform:translateY(-3px)}}}.fade-enter-active[data-v-bf81d575]{transition:all .4s cubic-bezier(.4,.4,0,1)}.fade-leave-active[data-v-bf81d575]{transition:all .1s;position:absolute}.fade-enter-from[data-v-bf81d575],.fade-leave-to[data-v-bf81d575]{opacity:0}.invite-form{&[data-v-bf81d575]{border-bottom:1px solid var(--shadow-color-1)}& input{&[data-v-bf81d575]{color:var(--piano-gray-500);background-color:var(--base-color-1);border:3px solid #0000;font-size:15px;line-height:16px}&[data-v-bf81d575]::placeholder{color:var(--piano-gray-600)}&[data-v-bf81d575]:hover{background-color:var(--shadow-color-1)}&[data-v-bf81d575]:focus{border-color:var(--focus-outline-color);background-color:var(--base-color-1);color:var(--piano-black)}&.is-user{&[data-v-bf81d575]{margin-bottom:-2px;padding-top:2px;padding-bottom:2px;padding-left:9px;font-size:13px}&[data-v-bf81d575]:before{opacity:1}}&.is-new[data-v-bf81d575]{color:var(--piano-black)}}}.PdInviteMember{&[data-v-217572b6]{border-bottom:1px solid var(--shadow-color-1)}&[data-v-217572b6]:last-child{border-bottom:none}}.PdInvite{&[data-v-948c7231]{background:var(--base-color-1);width:440px;max-height:calc(100vh - 208px);box-shadow:0 0 0 1px var(--shadow-color-0), 0 0 10px #0000001a;border-radius:8px;margin-top:32px;position:absolute;top:50%;right:20px;overflow-y:hidden}&.v-enter-from[data-v-948c7231],&.v-leave-to[data-v-948c7231]{opacity:0;transform:translateY(-10px)}}.o-layout-project-dashboard-header-right{& .header-user-wrap{&[data-v-34ee217f],& span[data-v-34ee217f]{display:flex}}& button.invite{&[data-v-34ee217f]{border:1px solid var(--shadow-color-2);background:#fff0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-right:-2px;transition:all .4s cubic-bezier(.4,.4,0,1);display:flex;box-shadow:0 0 #fff0}& span{&[data-v-34ee217f]{justify-content:center;align-items:center;width:14px;height:14px;display:flex;position:relative}&[data-v-34ee217f]:before,&[data-v-34ee217f]:after{content:"";background:var(--text-color-4);border-radius:1px;position:absolute}&[data-v-34ee217f]:before{width:100%;height:2px}&[data-v-34ee217f]:after{width:2px;height:100%}}&[data-v-34ee217f]:active{background:#ffffff24}&.open{& span[data-v-34ee217f]{transform:rotate(-45deg)}}}& .header-user{&[data-v-34ee217f]{cursor:pointer;justify-content:center;align-items:center;width:28px;height:100%;transition:all .4s cubic-bezier(.4,.4,0,1);display:flex;position:relative}&.loginUser[data-v-34ee217f]{cursor:default}&.v-enter-from,&.v-leave-to{&[data-v-34ee217f]{width:0}& .icon[data-v-34ee217f]{transform:scale(.5)}}& .icon{&[data-v-34ee217f]{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;flex:none;width:32px;height:32px;position:relative}& .__ring[data-v-34ee217f]{border-radius:50%;position:absolute;inset:-3px}}& .menu{&[data-v-34ee217f]{background:var(--base-color-1);width:300px;box-shadow:0 0 0 1px var(--shadow-color-0), 0 0 10px #0000001a;cursor:default;transition:var(--piano-hover-animation);border-radius:8px;flex-direction:column;display:flex}& .info{&[data-v-34ee217f]{border-bottom:1px solid var(--color-border);flex-direction:column;width:100%;padding:16px 20px}& .name[data-v-34ee217f]{color:var(--text-color-1);overflow-wrap:anywhere;font-size:20px}& .email[data-v-34ee217f]{color:var(--text-color-3);margin-top:5px;font-size:12px}}&[data-v-34ee217f] .v-popper__popper.v-popper--theme-dropdown .v-popper__inner{box-shadow:var(--piano-elevation-shadow-8)}}}}.o-layout-project-dashboard-header{& .nav-link{&[data-v-32b6692d]{transition:color .1s ease-out;position:relative}&[data-v-32b6692d]:hover{color:var(--piano-black)}&.router-link-active{&[data-v-32b6692d]{color:var(--piano-black)}&[data-v-32b6692d]:before{content:"";background:var(--piano-black);border-radius:1px 1px 0 0;width:100%;height:2px;position:absolute;bottom:0;left:0;right:0}}}}.icon[data-v-7af1d07a]{box-shadow:0 2px 3px #0003}.LayoutPdDashboard{& .pd-dashboard-main[data-v-ef315b32]{height:calc(100dvh - var(--project-dashboard-header-height))}}.spinner[data-v-40b64283]{border:2px solid var(--shadow-color-1);border-top-color:var(--text-color-4);border-left-color:var(--text-color-4);border-radius:50%;width:16px;height:16px;animation:1s linear infinite loading-spin-40b64283}@keyframes loading-spin-40b64283{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar-image-mask[data-v-c56068a6]{box-shadow:0 0 0 1px var(--shadow-color-0) inset;border-radius:4px}.menu{&[data-v-c56068a6]{opacity:0;backdrop-filter:blur(2px);transition:var(--piano-hover-animation)}&[data-v-c56068a6]:hover{opacity:1}}.delete-btn[data-v-c56068a6]{transition:var(--piano-hover-animation)}.uploading{&[data-v-c56068a6]{transition:var(--piano-hover-animation);top:0;left:0}&.v-enter-from{& .bar[data-v-c56068a6]{transform:scaleX(0)}}& .bar[data-v-c56068a6]{background:var(--rebranding-loading-bar);height:2px;transition:.8s var(--piano-animation-base-timing);transform-origin:0 0;border-radius:1px;bottom:6px;left:6px;right:6px}}.switcher{&[data-v-fb8cde6c]{user-select:none;border:none;min-width:0;margin:0;padding:0}& .switch-container{&[data-v-fb8cde6c]:before{content:"";background:var(--base-color-1);z-index:0;border-radius:30px;width:90px;height:36px;transition:transform .2s cubic-bezier(.4,.4,0,1);position:absolute;top:4px;left:4px;box-shadow:0 4px 6px #0000000d}&.isActiveLeft[data-v-fb8cde6c]:before{transform:translate(90px)}& .switch-option{&[data-v-fb8cde6c]:has(input:focus-visible){outline:2px solid var(--focus-outline-color)}&[data-v-fb8cde6c]:has(input:disabled){cursor:not-allowed}}}}.NotificationPortal{& .vue-notification-group{&[data-v-11f355b3]{z-index:1000001}& .vue-notification-wrapper{&[data-v-11f355b3]{overflow:visible}& .notificationContent{&[data-v-11f355b3]{background-color:#fff;border-radius:6px;flex-direction:row;place-content:center left;align-items:center;width:calc(100% - 20px);margin:10px;padding:15px;transition:all .4s linear;display:flex;overflow:visible;box-shadow:0 0 15px #00000024}& .icon[data-v-11f355b3]{color:#fff;margin-right:8px;font-size:18px}& .message[data-v-11f355b3]{letter-spacing:0;font-size:14px;line-height:1}&.error{& .message[data-v-11f355b3],& .icon[data-v-11f355b3]{color:red}}&.success{&[data-v-11f355b3]{background-color:#67c23a}& .message[data-v-11f355b3]{color:#fff;font-weight:600}& .icon[data-v-11f355b3]{background-color:#67c23a;border-radius:50%}}}}}}.notificationDefault-enter-active,.notificationDefault-leave-active,.notificationDefault-move{transition:all .5s cubic-bezier(.4,.4,0,1)}.notificationDefault-enter-from,.notificationDefault-leave-to{opacity:0;transform:translateY(-60px)}.__dialog[open]{&[data-v-fc950591]{animation:slide-in-fc950591 .2s var(--piano-animation-base-timing)}&.__closing[data-v-fc950591]{animation:slide-out-fc950591 .2s var(--piano-animation-base-timing) forwards}&.__closing[data-v-fc950591]::backdrop{opacity:0}}@keyframes slide-in-fc950591{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out-fc950591{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(14px)}}dialog[data-v-fc950591]::backdrop{transition:all .2s cubic-bezier(.4,.4,0,1)}.show-from[data-v-fc950591]::backdrop{opacity:0}.__opening[data-v-fc950591]{transition:none}.confirmDialog[open]{&[data-v-4f97ebb4]{animation:slide-in-4f97ebb4 .2s var(--piano-animation-base-timing)}&.isClosing[data-v-4f97ebb4]{animation:slide-out-4f97ebb4 .2s var(--piano-animation-base-timing) forwards}&.isClosing[data-v-4f97ebb4]::backdrop{opacity:0}}@keyframes slide-in-4f97ebb4{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out-4f97ebb4{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(14px)}}dialog[data-v-4f97ebb4]::backdrop{transition:all .2s cubic-bezier(.4,.4,0,1)}.show-from[data-v-4f97ebb4]::backdrop,.hide-to[data-v-4f97ebb4]::backdrop{opacity:0}.isOpening[data-v-4f97ebb4]{transition:none}body{background:var(--base-color-1);width:100%;overflow:hidden;visibility:visible!important}.root{width:100%}.v2__loading{&[data-v-c721645f]{background-color:var(--base-color-1);place-content:center;align-items:center;width:100%;height:100%;transition:all linear;display:flex;position:fixed}& div[data-v-c721645f]{background:var(--rebranding-loading-bar);border-radius:0;width:20px;height:140px;transition:all .4s cubic-bezier(.4,.4,0,1);transform:rotate(45deg)}&.enter{&[data-v-c721645f]{background-color:#fff0}& div[data-v-c721645f]{opacity:0;transform:rotate(45deg)scaleY(.5)}}&.v-leave-active{&[data-v-c721645f]{transition:all .6s linear}& div[data-v-c721645f]{transition:all .6s cubic-bezier(.4,.4,0,1)}}&.v-leave-to{&[data-v-c721645f]{background-color:#fff0}& div[data-v-c721645f]{opacity:0;transform:rotate(45deg)scale(1.8)}}}.sp-learn-image-1{&[data-v-85f1cc6b]{background-image:url(/assets/sp_learn_1-DjpziYFF.png)}&[data-v-85f1cc6b]:before{content:"";background-image:linear-gradient(#000,#0000);width:100%;height:100%;position:absolute;top:0;left:0}}.sp-learn-image-2[data-v-85f1cc6b]{background-image:url(/assets/sp_learn_2-DIdNVVlq.png)}.sp-learn-image-3[data-v-85f1cc6b]{background-image:url(/assets/sp_learn_3-BB92ydfc.png)}.ContextMenuDivider[data-v-0adad6ce]{border-bottom:1px solid var(--piano-gray-200);width:100%;margin:4px 0;display:flex}.ContextMenuItemView{&[data-v-fa33e391]{cursor:pointer;border-radius:4px;justify-content:flex-start;align-items:center;gap:6px;width:100%;padding:8px;list-style:none;display:flex;position:relative}&[data-v-fa33e391]:hover:not(.disabled){background:var(--shadow-color-0)}&.disabled[data-v-fa33e391]{cursor:default;opacity:.4}& p[data-v-fa33e391]{color:var(--text-color-2);font-size:12px;font-weight:400;line-height:15px}& span[data-v-fa33e391]{color:var(--piano-gray-600);margin-left:auto;margin-right:4px;font-family:Inter,monospace;font-size:12px;font-weight:500;line-height:15px}}.GlobalContextMenu{&[data-v-a3aeefce]{z-index:2147483647;cursor:default;width:100%;height:100%;position:fixed;top:0;left:0}& .anchor[data-v-a3aeefce]{anchor-name:--context-menu-anchor;width:1px;height:1px;position:fixed}& .menu[data-v-a3aeefce]{position-anchor:--context-menu-anchor;top:anchor(bottom);left:anchor(right);position-try-fallbacks:flip-block, flip-inline flip-block, flip-inline;background:var(--base-color-1);width:220px;height:auto;box-shadow:0 0 0 1px var(--shadow-color-0), 0 2px 15px #0000001a;border-radius:6px;flex-direction:column;margin-left:4px;padding:8px;display:flex;position:fixed}}.Bar[data-v-f61cc8c7]{transition:width .2s ease-out}.ModalFeatureFlags[data-v-b64093f4]{border-radius:8px;flex-direction:column;justify-content:center;row-gap:16px;min-width:170px;height:auto;margin:auto;padding:24px;display:flex;box-shadow:0 10px 30px #0003}.AdminToolsPanel{& .subscribe-status{&[data-v-dd6ad431]{background:var(--editor-bg);color:var(--piano-gray-600);border-radius:4px;padding:4px 8px;font-family:monospace;font-size:10px;line-height:1.6;box-shadow:0 0 0 1px #0000000d,0 0 10px #0000001a}& div[data-v-dd6ad431]{align-items:center;gap:6px;display:flex}& .status-indicator{&[data-v-dd6ad431]{background-color:var(--piano-gray-400);border-radius:50%;width:8px;height:8px;display:inline-block}&.active[data-v-dd6ad431]{background-color:#22c55e}}}& .panel{&[data-v-dd6ad431]{background:var(--editor-bg);opacity:1;user-select:none;z-index:4;border-radius:20px;flex-direction:row;flex:none;place-content:center;align-items:center;gap:2px;height:30px;padding:0 4px;display:flex;box-shadow:0 0 0 1px #0000000d,0 0 10px #0000001a,inset 0 1px #fff3}& i{&[data-v-dd6ad431]{text-align:center;color:var(--piano-gray-600);border-radius:50%;flex:none;width:24px;height:24px;font-size:18px;line-height:24px;transition:all .2s cubic-bezier(.4,.4,0,1)}&[data-v-dd6ad431]:hover{background-color:var(--shadow-color-0);cursor:pointer}}}& .version-button[data-v-dd6ad431]{border:1px solid var(--shadow-color-0);color:var(--piano-gray-600);border-radius:10px;padding:3px 8px;font-size:11px;font-weight:700}}a[data-v-b1827eed]{text-decoration:none}.HelpPanel{&[data-v-b1827eed]{pointer-events:all;z-index:11;width:100%;height:100%;transition:all .4s cubic-bezier(.4,.4,0,1);position:fixed;bottom:0;left:0}&.v-enter-from,&.v-leave-to{& .menu[data-v-b1827eed]{opacity:0;transform:translateY(30px)scaleX(.97)}}& .menu{&[data-v-b1827eed]{width:380px;height:auto;bottom:64px;left:unset;box-shadow:0px 0px 10px 0px var(--shadow-color-2);background-color:var(--base-color-1);box-shadow:0 0 0 1px var(--shadow-color-0), 0 0 10px #0000001a;transform-origin:100% 100%;background:rgba(#111, .8);backdrop-filter:blur(8px);color:#fff;border-radius:20px;flex-direction:column;justify-content:flex-start;transition:all .4s cubic-bezier(.4,.4,0,1);display:flex;position:fixed;right:16px}&.v-enter-from[data-v-b1827eed],&.v-leave-to[data-v-b1827eed]{opacity:0;transform:translateY(30px)scaleX(.97)}& .placeholder[data-v-b1827eed]{font-size:16px}& aside{&[data-v-b1827eed]{color:#fff;justify-content:space-between;align-items:center;padding:40px}&>.main{&[data-v-b1827eed]{gap:8px;margin-bottom:40px;display:flex}&>.button{&[data-v-b1827eed]{width:50%;color:var(--piano-white);background-color:rgba(#fff, .2);text-align:center;cursor:pointer;border-radius:8px;flex-flow:column wrap;justify-content:center;align-items:center;height:100px;transition:all .3s cubic-bezier(.4,.4,0,1) 20ms;display:flex;position:relative}& .intercomUnread[data-v-b1827eed]{z-index:10;color:#fff;visibility:visible;background-color:#f90d3c;border:1px solid #ff4a4a;border-radius:12px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 4px;font-size:12px;font-weight:700;animation:.2s cubic-bezier(.1,0,.6,1) .55s backwards delayvisible-b1827eed;display:inline-flex;position:absolute;top:20px;right:52px}&[data-v-b1827eed]:hover{cursor:pointer;background-color:rgba(#fff, .3)}&>.icon[data-v-b1827eed]{text-align:center;color:#fff;fill:currentColor;width:100%;margin-bottom:4px;font-size:32px;display:block}&>.text[data-v-b1827eed]{color:#fff}}}&>.title[data-v-b1827eed]{color:#fff;margin-bottom:24px}& .input{&[data-v-b1827eed]{align-items:center;width:100%;margin-bottom:24px;display:flex;position:relative}& i[data-v-b1827eed]{color:#fff9;position:absolute;left:16px}& input{&[data-v-b1827eed]{color:#fff;border-radius:10px;width:300px;padding:18px 18px 18px 54px;transition:all .2s cubic-bezier(.4,.4,0,1);box-shadow:0 0 0 1px #fff3}&[data-v-b1827eed]::placeholder{color:#fff6}&[data-v-b1827eed]:hover{box-shadow:0 0 0 1px #ffffff80}&[data-v-b1827eed]:focus{box-shadow:0 0 0 2px #ffffff80}}}& .buttons{&[data-v-b1827eed]{width:100%;color:var(--piano-white);flex-direction:column;display:flex}&>.title[data-v-b1827eed]{color:#fff;margin-bottom:16px}& .button{&[data-v-b1827eed]{cursor:pointer;color:#fff;border-radius:6px;justify-content:flex-start;width:100%;height:auto;padding:8px 0;transition:all .3s cubic-bezier(.4,.4,0,1) 20ms;display:flex}&[data-v-b1827eed]:hover{background-color:rgba(#fff, .2);cursor:pointer}&>svg[data-v-b1827eed]{fill:currentColor;margin:0 4px}&.tips[data-v-b1827eed]{border-bottom:solid 1px var(--shadow-color-1)}& .fa-youtube-play[data-v-b1827eed],& .material-icons[data-v-b1827eed],& .material-icons-outlined[data-v-b1827eed]{text-align:center;color:#fff;border-radius:50%;align-items:center;margin:0 5px;padding:0;font-size:20px;line-height:24px;display:flex}& .SvgElement[data-v-b1827eed]{margin:3px}& p[data-v-b1827eed]{color:#fff;align-items:center;margin-left:5px;display:flex;position:relative}}}}& .shortcut{&[data-v-b1827eed]{border-top:1px solid #fff3;width:100%;padding:40px}&>.title[data-v-b1827eed]{color:var(--piano-white);margin-bottom:16px}}}}@keyframes delayvisible-b1827eed{0%{opacity:0}to{opacity:1}}.shortcut-list{&[data-v-276b056a]{grid-template-rows:repeat(auto-fill,28px);grid-template-columns:auto 120px;grid-template-areas:"";border-bottom:1px solid #666;gap:5px;max-width:100%;height:auto;margin:0;padding:8px 0;display:grid}&[data-v-276b056a]:last-of-type{border-bottom:none}}.title[data-v-276b056a]{text-align:center;width:100%;color:var(--text-color-1);flex:none;justify-content:center;align-items:center;margin-bottom:21px;font-size:13px;font-weight:700;display:flex}.combination{&[data-v-276b056a]{flex-direction:row;place-content:center flex-end;align-items:center;height:28px;padding:0;display:flex}& .key{&[data-v-276b056a]{color:#fff;text-align:center;user-select:none;background-color:#222;border-radius:6px;justify-content:center;align-items:center;min-width:32px;min-height:28px;margin:0 2px;font-size:12px;font-weight:400;display:flex}&.delete[data-v-276b056a],&.return[data-v-276b056a],&.esc[data-v-276b056a],&.tab[data-v-276b056a]{align-items:flex-end;width:68px;padding:4px;font-size:10px}&.delete[data-v-276b056a],&.return[data-v-276b056a]{justify-content:flex-end}&.esc[data-v-276b056a],&.tab[data-v-276b056a]{justify-content:flex-start}&.shift[data-v-276b056a]{font-size:10px}}}.name[data-v-276b056a]{color:#fff;user-select:none;place-content:center flex-start;align-items:center;font-size:12px;display:flex}.shortcut-panel{&[data-v-7039e88d]{pointer-events:all;z-index:11;width:100%;height:100%;transition:all .4s cubic-bezier(.4,.4,0,1);position:fixed;bottom:0;left:0}&.v-enter-from,&.v-leave-to{& .menu[data-v-7039e88d]{opacity:0;transform:translateY(30px)scaleX(.97)}}& .menu{&[data-v-7039e88d]{width:380px;height:auto;bottom:56px;left:unset;box-shadow:0px 0px 10px 0px var(--shadow-color-2);background-color:var(--base-color-1);box-shadow:0 0 0 1px var(--shadow-color-0), 0 0 10px #0000001a;transform-origin:100% 100%;background:rgba(#111, .8);backdrop-filter:blur(8px);color:#fff;border-radius:20px;flex-direction:column;justify-content:flex-start;padding:40px;transition:all .4s cubic-bezier(.4,.4,0,1);display:flex;position:fixed;right:68px}&.v-enter-from[data-v-7039e88d],&.v-leave-to[data-v-7039e88d]{opacity:0;transform:translateY(30px)scaleX(.97)}}& .header{&[data-v-7039e88d]{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}& .arrow[data-v-7039e88d]{cursor:pointer}& .title[data-v-7039e88d]{color:#fff}& .more[data-v-7039e88d]{color:#b8b8b8;padding:10px 0 10px 10px;display:block}}}.PublishGuidePanel{&.v-enter-active[data-v-323a03b8]{transition:.4s var(--transition-enter)}&.v-leave-active[data-v-323a03b8]{transition:opacity .15s ease-out,transform .15s ease-out}&.v-enter-from[data-v-323a03b8]{opacity:0;transform:translateY(30px)scaleX(.97)}&.v-leave-to[data-v-323a03b8]{opacity:0;transform:translateY(10px)scaleX(.98)}}.celebration-container[data-v-323a03b8]{animation:.5s ease-out celebration-fade-in-323a03b8}.celebration-icon[data-v-323a03b8]{text-align:center;font-size:48px;animation:.8s ease-out celebration-bounce-323a03b8}@keyframes celebration-fade-in-323a03b8{0%{opacity:0}to{opacity:1}}@keyframes celebration-bounce-323a03b8{0%{transform:scale(.5)}80%{transform:scale(1.15)}to{transform:scale(1)}}.SetupGuidePanel{&[data-v-7966558e]{transition:all .4s cubic-bezier(.4,.4,0,1)}&.v-enter-from[data-v-7966558e],&.v-leave-to[data-v-7966558e]{opacity:0;transform:translateY(30px)scaleX(.97)}}.help-button{&[data-v-7a131dba]{z-index:12;background:var(--editor-bg);cursor:pointer;border-radius:100%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 0 0 1px #0000000d,0 0 10px #0000001a,inset 0 1px #fff3}&[data-v-7a131dba]:after{content:"";z-index:-1;border-radius:100%;width:30px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}&:hover{&[data-v-7a131dba]:after{background-color:var(--piano-hover-gray-color)}}&.isOpen{&[data-v-7a131dba]:after{opacity:0}}& .intercomUnread,& .SvgElement,& .material-icons{&.v-enter-active[data-v-7a131dba]{transition:opacity .8s cubic-bezier(.4,.4,0,1)}&.v-leave-active[data-v-7a131dba]{transition:opacity}&.v-enter-from[data-v-7a131dba],&.v-leave-to[data-v-7a131dba]{opacity:0}}& .intercomUnread[data-v-7a131dba]{z-index:10;color:#fff;visibility:visible;background-color:#f90d3c;border:1px solid #ff4a4a;border-radius:12px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-weight:700;animation:.2s cubic-bezier(.1,0,.6,1) .55s backwards delayvisible-7a131dba;display:inline-flex;position:absolute;top:-9px;right:-8px;box-shadow:0 1px 2px #0006}& .material-icons[data-v-7a131dba]{color:var(--text-color-2);font-size:20px}}@keyframes delayvisible-7a131dba{0%{opacity:0}to{opacity:1}}.AccountModalAccountLinking{&[data-v-bc7a3974]{letter-spacing:0;flex-direction:column;place-content:center;align-items:center;width:100%;padding:0 0 10px;display:flex}& .main{&[data-v-bc7a3974]{flex-direction:column;align-content:center;align-items:center;width:100%;max-width:calc(100% - 20px);transition:all .5s cubic-bezier(.4,.4,0,1);display:flex;position:relative}& .back-button{&[data-v-bc7a3974]{cursor:pointer;place-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:0;left:3px}& .arrow[data-v-bc7a3974]{color:var(--text-color-2);transition:all .4s cubic-bezier(.4,.4,0,1)}&:hover{& .arrow[data-v-bc7a3974]{opacity:.5}}}& h1[data-v-bc7a3974]{color:var(--text-color-2);text-align:center;margin-bottom:19px;font-size:15px;font-weight:600;line-height:30px}& .list{&[data-v-bc7a3974]{border-top:1px solid var(--shadow-color-1);width:100%}& .list-item{&[data-v-bc7a3974]{border-bottom:1px solid var(--shadow-color-1);justify-content:space-between;align-items:center;padding:15px 8px;display:flex}& .item-detail{& .name[data-v-bc7a3974]{color:var(--text-color-1);font-size:14px;font-weight:400}& .detail-sub{&[data-v-bc7a3974]{margin-top:3px;display:flex}& .percentOff,& .amountOff{& .percent[data-v-bc7a3974],& .currency[data-v-bc7a3974],& .amount[data-v-bc7a3974]{color:var(--text-color-2);font-size:10px;font-weight:800}& .off[data-v-bc7a3974]{color:var(--text-color-2);margin-left:1px;font-size:10px;font-weight:800}}& .redeemBy{& .separator[data-v-bc7a3974]{color:var(--text-color-2);font-size:10px;font-weight:400}& .expire[data-v-bc7a3974]{color:var(--text-color-2);font-size:10px;font-weight:800}}}}& .item-code{& .code[data-v-bc7a3974]{color:var(--text-color-4);font-size:12px;font-weight:700}}}}}}.input-password{&[data-v-6a2088db]{flex-direction:column;width:100%}& .input{&[data-v-6a2088db]{width:100%;margin:10px 0;position:relative}& input{&[data-v-6a2088db]{border-bottom:solid 1px var(--shadow-color-1);color:var(--text-color-2);width:100%;height:50px;padding:0 45px 0 15px;font-size:16px;font-weight:400;line-height:50px}&[data-v-6a2088db]::-webkit-input-placeholder{color:var(--text-color-4)}}& .bar{&[data-v-6a2088db]{background:var(--piano-black);width:0;height:1px;transition:all .3s cubic-bezier(.4,.4,0,1);position:absolute;bottom:0}&.ok[data-v-6a2088db]{background:var(--text-color-2)}}& .toggle-visibility[data-v-6a2088db]{user-select:none;cursor:pointer;color:var(--text-color-2);font-size:14px;font-weight:700;line-height:50px;position:absolute;bottom:0;right:0}}}.account-modal__account__password{&[data-v-e72a1448]{letter-spacing:0;flex-direction:column;place-content:center;align-items:center;width:100%;padding:10px 0;display:flex}& .main{&[data-v-e72a1448]{flex-direction:column;align-content:center;align-items:center;width:320px;max-width:calc(100% - 20px);transition:all .5s cubic-bezier(.4,.4,0,1);display:flex;position:relative}& .back-button{&[data-v-e72a1448]{cursor:pointer;place-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:0;left:3px}& .arrow[data-v-e72a1448]{color:var(--text-color-2);transition:all .4s cubic-bezier(.4,.4,0,1)}&:hover{& .arrow[data-v-e72a1448]{opacity:.5}}}& h1[data-v-e72a1448]{color:var(--text-color-2);text-align:center;margin-bottom:15px;font-size:20px;font-weight:400;line-height:1.4}&>p[data-v-e72a1448]{text-align:center;width:400px;color:var(--text-color-2);justify-content:center;margin-bottom:15px;font-size:13px;line-height:18px}& form{&[data-v-e72a1448]{flex-direction:column;align-content:center;align-items:center;width:100%;display:flex}& p.error{&[data-v-e72a1448]{color:red;min-height:13px;margin:10px 0;font-size:13px;transition:all .4s cubic-bezier(.4,.4,0,1)}&.v-enter-from[data-v-e72a1448],&.v-leave-to[data-v-e72a1448]{opacity:0;height:0;margin:0}}}& button{&[data-v-e72a1448]{background:var(--text-color-2);border-radius:4px;width:100%;height:40px;margin:10px 0;transition:all .4s cubic-bezier(.4,.4,0,1);display:flex;position:relative}& span[data-v-e72a1448]{color:var(--base-color-1);font-size:14px;font-weight:700}&[data-v-e72a1448]:hover{opacity:.8}&[data-v-e72a1448]:disabled{opacity:.2;pointer-events:none}&.loading[data-v-e72a1448]{pointer-events:none}}}}.spinner[data-v-e72a1448]{border:2px solid var(--text-color-4);border-top-color:var(--base-color-1);border-left-color:var(--base-color-1);border-radius:50%;width:16px;height:16px;animation:1s linear infinite loading-spin-e72a1448}@keyframes loading-spin-e72a1448{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.account-modal-account{&[data-v-cb7a41f2]{width:100%}& .setting-row{&[data-v-cb7a41f2]{border-bottom:1px solid var(--shadow-color-1);align-items:center;gap:20px;width:400px;padding:10px 20px;font-size:15px;transition:all .4s cubic-bezier(.4,.4,0,1);display:flex;position:relative}&.button[data-v-cb7a41f2]:hover{background:var(--shadow-color-0);cursor:pointer}& .key[data-v-cb7a41f2]{user-select:none;color:var(--text-color-2);font-size:14px;line-height:40px}& .value[data-v-cb7a41f2]{color:var(--text-color-3);text-align:right;word-break:break-all;flex:1;justify-content:flex-end;font-size:14px;line-height:40px}& .arrow[data-v-cb7a41f2]{user-select:none;color:var(--text-color-4);margin-left:auto}}}.BillingUser{&[data-v-8f94a718]{border:1px solid var(--piano-gray-100);border-radius:6px;justify-content:space-between;align-items:center;width:600px;max-width:100%;padding:33px 24px 28px 20px;display:flex}& .profile{&[data-v-8f94a718]{flex:auto;align-items:center;column-gap:20px;min-width:0;display:flex;overflow:hidden}& .user-icon[data-v-8f94a718]{background:var(--shadow-color-1);background-position:50%;background-size:cover;border-radius:50%;flex:0 0 44px;width:44px;height:44px}& .user-info{&[data-v-8f94a718]{flex-direction:column;row-gap:5px}& .name[data-v-8f94a718]{color:var(--text-color-2);font-size:18px;font-weight:600}& .email[data-v-8f94a718]{color:var(--piano-gray-700);font-size:13px;font-style:normal;font-weight:400;line-height:18px}}}& .credit-card{&[data-v-8f94a718]{flex-direction:row;justify-content:flex-end;align-items:center;width:auto;min-width:165px;margin-left:10px;margin-right:10px;display:flex}& .labels[data-v-8f94a718]{align-items:center;column-gap:12px;display:flex}}}.AccountModalCreditCard{& .success-view{&[data-v-647ed1ea]{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;height:280px;display:flex}& i[data-v-647ed1ea]{color:#09885a;margin-bottom:10px;font-size:50px}& p[data-v-647ed1ea]{color:#111}}& .billingto-title[data-v-647ed1ea]{white-space:nowrap;font-size:15px;font-weight:600}& .change-billingto{& input{&[data-v-647ed1ea]{color:var(--text-color-2);border-bottom:1px solid var(--shadow-color-1);user-select:none;font-size:14px;line-height:40px}&:focus{&[data-v-647ed1ea]{border-bottom:1px solid var(--text-color-2)}&.error[data-v-647ed1ea]{border-bottom:1px solid #dc2727}}}& button{&[data-v-647ed1ea]{background:var(--shadow-color-0);color:var(--text-color-2);transition:all .4s cubic-bezier(.4,.4,0,1)}&[data-v-647ed1ea]:hover{background:var(--shadow-color-1)}&.v-enter-from[data-v-647ed1ea],&.v-leave-to[data-v-647ed1ea]{opacity:0;transform:translate(-10px)}}}& .change-card{&[data-v-647ed1ea]{border-bottom:1px solid var(--shadow-color-1);cursor:pointer;align-items:center;padding:10px 20px;font-size:15px;transition:all .4s cubic-bezier(.4,.4,0,1);display:flex;position:relative}&[data-v-647ed1ea]:hover{background:var(--shadow-color-0)}& span[data-v-647ed1ea]{user-select:none;color:var(--text-color-2);font-size:14px;line-height:40px}& .arrow[data-v-647ed1ea]{user-select:none;color:var(--text-color-4);margin-left:auto}}& .desc[data-v-647ed1ea]{font-size:12px}&[data-v-647ed1ea] .Billing{border-color:#0000001a;& .input-section h3{color:var(--pd-black-2)}& .country-select.statusCard{top:-50px}}}.account-modal-profile{&[data-v-c9fed8c0]{flex-direction:column;align-content:center;align-items:center;width:100%;display:flex}& .avatar{&[data-v-c9fed8c0]{place-content:center;align-items:center;width:80px;height:180px;display:flex;position:relative}& label{&[data-v-c9fed8c0]{cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:80px;height:80px;transition:all .4s cubic-bezier(.4,.4,0,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #0003}&[data-v-c9fed8c0]:after{content:"";opacity:0;pointer-events:none;background-color:#0003;background-image:url(/assets/i-24-white-plus-qlDVWowr.svg);background-position:50%;background-repeat:no-repeat;background-size:30%;border-radius:30%;width:80px;height:80px;transition:all .4s cubic-bezier(.4,.4,0,1);position:absolute}&[data-v-c9fed8c0]:hover:after{opacity:1}&[data-v-c9fed8c0]:hover{transform:translateY(-2px);box-shadow:0 4px 24px #0003}&[data-v-c9fed8c0]:active{transform:translateY(0);box-shadow:0 2px 4px #0003}}}}.button-list[data-v-c9fed8c0]{flex-flow:row;justify-content:center;align-items:center;gap:32px;height:36px;transition:all .4s cubic-bezier(.4,.4,0,1);display:flex}button.cancel{&[data-v-c9fed8c0]:hover{opacity:.7;background:0 0}& span[data-v-c9fed8c0]{color:var(--text-color-2);white-space:nowrap;font-size:14px}}.save-image{&[data-v-c9fed8c0]{background:var(--shadow-color-0);border-radius:40px;width:80px;height:36px;font-size:14px;transition:all .4s cubic-bezier(.4,.4,0,1);display:flex}&[data-v-c9fed8c0]:hover{background:var(--shadow-color-1)}&.loading[data-v-c9fed8c0]{pointer-events:none;background:var(--shadow-color-1);width:36px}& span[data-v-c9fed8c0]{color:var(--text-color-2);font-weight:700}}.name{&[data-v-c9fed8c0]{justify-content:center;align-items:center;width:100%;height:36px;display:flex;position:relative}& input{&[data-v-c9fed8c0]{text-align:center;width:260px;color:var(--text-color-2);border-bottom:1px solid var(--shadow-color-1);user-select:none;font-size:18px;line-height:55px;position:absolute}&:focus{&[data-v-c9fed8c0]{border-bottom:1px solid var(--text-color-2)}&.error[data-v-c9fed8c0]{border-bottom:1px solid #dc2727}}}}.save-name{&[data-v-c9fed8c0]{background:var(--shadow-color-0);border-radius:40px;width:80px;height:36px;font-size:14px;transition:all .4s cubic-bezier(.4,.4,0,1);display:flex;position:absolute;right:-10px}&[data-v-c9fed8c0]:hover{background:var(--shadow-color-1)}&.loading[data-v-c9fed8c0]{pointer-events:none;background:var(--shadow-color-1);width:36px}&.v-enter-from[data-v-c9fed8c0],&.v-leave-to[data-v-c9fed8c0]{opacity:0;transform:translate(-10px)}& span[data-v-c9fed8c0]{color:var(--text-color-2);font-weight:700}}.spinner[data-v-c9fed8c0]{border:2px solid #fff3;border-color:#ffffffe6 #fff3 #fff3 #ffffffe6;border-radius:50%;width:16px;height:16px;animation:1s linear infinite loading-spin-c9fed8c0}@keyframes loading-spin-c9fed8c0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.account-modal-account{&[data-v-de840842]{width:100%}& .setting-row{&[data-v-de840842]{border-bottom:1px solid var(--shadow-color-1);justify-content:space-between;align-items:center;width:400px;padding:10px 20px;font-size:15px;transition:all .4s cubic-bezier(.4,.4,0,1);display:flex;position:relative}& .key[data-v-de840842]{user-select:none;color:var(--text-color-2);font-size:14px;line-height:40px}}& .toggle-value[data-v-de840842]{align-items:center;margin-left:auto;display:flex}& .newsletter-unavailable[data-v-de840842]{color:var(--text-color-4);padding:0 20px 8px;font-size:12px}& .description[data-v-de840842]{color:var(--text-color-3);margin-top:8px;margin-bottom:8px;padding-left:20px;font-size:12px;line-height:1.4}& .link{&[data-v-de840842]{color:var(--primary-color);cursor:pointer;text-decoration:underline}&[data-v-de840842]:hover{opacity:.8}}}main{&[data-v-29345be9]{background-color:var(--base-color-1);align-items:left;align-content:left;border-radius:15px;flex-direction:column;width:520px;max-height:90vh;padding:50px;transition:all .4s cubic-bezier(.4,.4,0,1);display:flex}& h1[data-v-29345be9]{color:#000000d6;text-align:center;margin-bottom:20px;font-size:24px;font-weight:400;line-height:1.4}& nav{&[data-v-29345be9]{width:100%;margin-bottom:20px;display:flex}& ul{&[data-v-29345be9]{width:100%;display:flex;position:relative}&.center-tabs{&[data-v-29345be9]{justify-content:center}& li[data-v-29345be9]{flex:none;padding:0 20px}}& li{&[data-v-29345be9]{border-bottom:1px solid var(--shadow-color-1);flex:0 25%;justify-content:center;width:auto;display:flex}&.selected{&[data-v-29345be9]{border-bottom:1px solid var(--text-color-1)}& h2[data-v-29345be9]{font-weight:700}}& h2[data-v-29345be9]{user-select:none;color:var(--text-color-1);white-space:nowrap;font-size:13px;line-height:40px}}}}}.logout-modal{&[data-v-87ffbc48]{z-index:100000;background-color:#fff;place-content:center;align-items:center;width:100%;height:100%;transition:all 1s cubic-bezier(.4,.4,0,1);display:flex;position:fixed}& div[data-v-87ffbc48]{background:var(--rebranding-loading-bar);opacity:.9;width:20px;height:140px;transition:all .8s cubic-bezier(.4,.4,0,1);transform:rotate(45deg)scale(1)}&.v-enter-from{&[data-v-87ffbc48]{opacity:0;background-color:#0000}& div[data-v-87ffbc48]{opacity:0;transform:rotate(45deg)scale(2)}}&.v-leave-to{& div[data-v-87ffbc48]{opacity:.1;transform:rotate(45deg)scale(0)}}&.v-leave-active{& div[data-v-87ffbc48]{transition:all .4s cubic-bezier(.4,.4,0,1)}}}.floating-message{&[data-v-1b8dfd38]{background:0 0;border:0;padding:0}&[open][data-v-1b8dfd38]:not(:modal){z-index:1000;margin:0;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}&[open]{&[data-v-1b8dfd38]{animation:slide-in-1b8dfd38 .2s var(--piano-animation-base-timing)}&.is-closing[data-v-1b8dfd38]{animation:slide-out-1b8dfd38 .2s var(--piano-animation-base-timing) forwards}}}@keyframes slide-in-1b8dfd38{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes slide-out-1b8dfd38{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-20px)}}.v2[data-v-276f912a]{flex-direction:column;align-items:center;width:100%;height:100%;display:flex}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--g-angle:180deg;--g-color-0:transparent;--g-position-0:0.01%;--g-color-1:transparent;--g-position-1:100%;--g-color-2:transparent;--g-position-2:100%;--g-color-3:transparent;--g-position-3:100%;--g-color-4:transparent;--g-position-4:100%;--g-color-5:transparent;--g-position-5:100%;--g-color-6:transparent;--g-position-6:100%;--g-color-7:transparent;--g-position-7:100%;--g-color-8:transparent;--g-position-8:100%;--g-color-9:transparent;--g-position-9:100%;--g-color-10:transparent;--g-position-10:100%;--g-color-11:transparent;--g-position-11:100%}}}@layer theme{:root,:host{--spacing:.25rem;--container-lg:32rem;--container-2xl:42rem;--container-4xl:56rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-normal:1.5;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--blur-xl:24px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-gray-50:var(--piano-gray-50);--color-gray-100:var(--piano-gray-100);--color-gray-200:var(--piano-gray-200);--color-gray-300:var(--piano-gray-300);--color-gray-400:var(--piano-gray-400);--color-gray-700:var(--piano-gray-700);--color-gray-800:var(--piano-gray-800);--color-gray-900:var(--piano-gray-900);--color-pink-50:var(--piano-pink-50);--color-pink-400:var(--piano-pink-400);--color-pink-500:var(--piano-pink-500);--color-pink-600:var(--piano-pink-600);--color-pink-700:var(--piano-pink-700);--color-blue-50:var(--piano-blue-50);--color-blue-200:var(--piano-blue-200);--color-blue-500:var(--piano-blue-500);--color-blue-600:var(--piano-blue-600);--color-blue-700:var(--piano-blue-700);--color-blue-800:var(--piano-blue-800);--color-green-50:var(--piano-green-50);--color-green-400:var(--piano-green-400);--color-green-600:var(--piano-green-600);--color-green-700:var(--piano-green-700);--color-green-800:var(--piano-green-800);--color-red-50:var(--piano-red-50);--color-red-200:var(--piano-red-200);--color-red-300:var(--piano-red-300);--color-red-400:var(--piano-red-400);--color-red-500:var(--piano-red-500);--color-red-600:var(--piano-red-600);--color-red-700:var(--piano-red-700);--color-red-800:var(--piano-red-800);--color-red-900:var(--piano-red-900);--color-orange-50:var(--piano-orange-50);--color-orange-400:var(--piano-orange-400);--color-orange-500:var(--piano-orange-500);--color-orange-600:var(--piano-orange-600);--color-orange-700:var(--piano-orange-700);--color-purple-600:var(--piano-purple-600);--color-purple-700:var(--piano-purple-700);--color-black:var(--piano-black);--color-white:var(--piano-white);--color-yellow-50:var(--piano-yellow-50);--color-yellow-100:var(--piano-yellow-100);--color-yellow-300:var(--piano-yellow-300);--color-yellow-400:var(--piano-yellow-400);--color-yellow-500:var(--piano-yellow-500);--color-yellow-600:var(--piano-yellow-600);--color-yellow-700:var(--piano-yellow-700);--color-const-black:var(--piano-const-black);--color-const-white:var(--piano-const-white);--color-const-gray-50:var(--piano-const-gray-50);--color-const-gray-100:var(--piano-const-gray-100);--color-const-gray-200:var(--piano-const-gray-200);--color-const-gray-300:var(--piano-const-gray-300);--color-const-gray-400:var(--piano-const-gray-400);--color-const-gray-500:var(--piano-const-gray-500);--color-const-gray-600:var(--piano-const-gray-600);--color-const-gray-800:var(--piano-const-gray-800);--color-const-red-50:var(--piano-const-red-50);--color-const-red-500:var(--piano-const-red-500);--color-const-red-600:var(--piano-const-red-600);--color-const-yellow-50:var(--piano-const-yellow-50);--color-const-yellow-500:var(--piano-const-yellow-500);--color-const-yellow-700:var(--piano-const-yellow-700);--color-const-blue-200:var(--piano-const-blue-200);--color-const-blue-500:var(--piano-const-blue-500);--color-modal-backdrop:var(--modal-backdrop-color);--color-alpha-40:var(--piano-alpha-40);--color-editor-black-5:var(--editor-black-5);--color-editor-black-10:var(--editor-black-10);--color-editor-black-40:var(--editor-black-40);--color-editor-black-50:var(--editor-black-50);--color-condition-small-bg:var(--condition-small-color);--color-condition-small-border:#12debf;--color-condition-tablet-bg:var(--condition-tablet-color);--color-condition-tablet-border:#64dc4780;--color-condition-mobile-bg:var(--condition-mobile-color);--color-condition-mobile-border:#f2780280;--color-condition-mini-bg:var(--condition-mini-color);--color-condition-mini-border:#ff3d87;--color-condition-hover-bg:var(--condition-hover-color);--color-condition-hover-border:#4ac7ff;--color-condition-appear-bg:var(--condition-appear-color);--color-condition-appear-border:#ea3eb9;--color-condition-scroll-bg:var(--condition-scroll-color);--color-condition-scroll-bg-active:var(--condition-scroll-color-active);--color-condition-scroll-border:#10b981;--text-xs:10px;--text-xs--line-height:14px;--text-xs2:11px;--text-xs2--line-height:14px;--text-sm:12px;--text-sm--line-height:16px;--text-sm2:13px;--text-sm2--line-height:18px;--text-md:14px;--text-md--line-height:20px;--text-lg:16px;--text-lg--line-height:22px;--text-heading-sm:18px;--text-heading-sm--line-height:26px;--width-login:calc(360px + 0px);--max-width-login:var(--width-login);--font-default:Inter, "Noto Sans JP", sans-serif;--font-positive:grandam, sans-serif;--font-menlo:Menlo, Monaco, "Courier New", monospace;--radius-2:2px;--radius-4:4px;--radius-6:6px;--radius-8:8px;--radius-12:12px;--radius-16:16px;--z-index-dropdown:var(--piano-z-index-dropdown);--z-index-modal:var(--piano-z-index-modal);--z-index-loading:var(--piano-z-index-loading);--ease-DEFAULT:cubic-bezier(.4, .4, 0, 1)}}@layer base{.fa-solid.fa-rotate-right:before{content:""}.fa-solid.fa-repeat:before{content:""}.fa-solid.fa-pencil:before{content:""}.fa-solid.fa-plus:before{content:"+"}.fa-solid.fa-asterisk:before{content:"*"}.fa-solid.fa-calendar:before{content:""}.fa-solid.fa-reorder:before{content:""}.fa-solid.fa-rotate-left:before{content:""}.fa-solid.fa-dashboard:before{content:""}.fa-solid.fa-tachometer:before{content:""}.fa-solid.fa-clipboard:before{content:""}.fa-solid.fa-cutlery:before{content:""}.fa-solid.fa-desktop:before{content:""}.fa-solid.fa-tablet:before{content:""}.fa-solid.fa-mobile-phone:before,.fa-solid.fa-mobile:before{content:""}.fa-solid.fa-mail-reply:before,.fa-solid.fa-reply:before{content:""}.fa-solid.fa-code-fork:before{content:""}.fa-solid.fa-question:before{content:"?"}.fa-solid.fa-exclamation:before{content:"!"}.fa-solid.fa-dollar:before,.fa-solid.fa-usd:before{content:"$"}.fa-solid.fa-inr:before{content:""}.fa-solid.fa-sort-alpha-desc:before{content:""}.fa-solid.fa-sort-amount-desc:before{content:""}.fa-solid.fa-sort-numeric-desc:before{content:""}.fa-solid.fa-try:before,.fa-solid.fa-turkish-lira:before{content:""}.fa-solid.fa-spoon:before{content:""}.fa-solid.fa-at:before{content:"@"}.fa-solid.fa-transgender:before{content:""}.fa-solid.fa-hotel:before{content:""}.fa-solid.fa-battery-4:before{content:""}.fa-solid.fa-battery-3:before{content:""}.fa-solid.fa-battery-2:before{content:""}.fa-solid.fa-commenting:before{content:""}.fa-solid.fa-credit-card-alt:before{content:""}.fa-solid.fa-hashtag:before{content:"#"}.fa-solid.fa-percent:before{content:"%"}.fa-solid.fa-wheelchair-alt:before{content:""}.fa-solid.fa-thermometer:before{content:""}.fa-solid.fa-times-rectangle:before,.fa-solid.fa-window-close:before{content:""}.fa-brands.fa-facebook-f:before{content:""}.fa-brands.fa-google-plus:before{content:""}.fa-brands.fa-linkedin:before{content:""}.fa-brands.fa-bitcoin:before{content:""}.fa-brands.fa-youtube-square:before{content:""}.fa-brands.fa-vimeo:before{content:""}.fa-brands.fa-snapchat-ghost:before{content:""}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://storage.googleapis.com/production-os-assets/assets/material-icons/1629973231988/MaterialIcons-Regular.woff2)format("woff2")}.material-icons{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Icons;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:url(https://storage.googleapis.com/production-os-assets/assets/material-icons/1629704621943/MaterialIcons-Regular-Outline.woff2)}.material-icons-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Icons Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.grecaptcha-badge{visibility:hidden}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,input,a,blockquote,textarea,pre,button,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,form,footer,header,hgroup,menu,nav,main,section,summary,time,mark,audio,video{vertical-align:baseline;-webkit-font-smoothing:antialiased;box-sizing:border-box;letter-spacing:0;color:var(--piano-black);background:0 0;border:0;outline:0;margin:0;padding:0;font-family:Inter,Noto Sans JP,sans-serif;font-size:100%;font-weight:400;text-decoration:none;list-style:none}body{font-size:14px}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{vertical-align:baseline;background:0 0;margin:0;padding:0}ins{color:#000;background-color:#ff9;text-decoration:none}del{text-decoration:line-through}abbr[title],dfn[title]{cursor:help;border-bottom:1px dotted}table{border-collapse:collapse;border-spacing:0}hr{border:0;border-top:1px solid #ccc;height:1px;margin:1em 0;padding:0;display:block}input,select{vertical-align:middle}button{cursor:pointer;border-radius:2px;place-content:center;align-items:center}.debug-updating{opacity:1!important;box-shadow:0 0 0 10px #ff00001a!important}:root{--piano-font-default:Inter, "Noto Sans JP", sans-serif;--piano-font-positive:grandam, sans-serif;--piano-font-elegance:domine, serif;--piano-font-size-base:14px;--piano-font-normal:400;--piano-font-bold:700;--piano-letter-spacing:0;--piano-animation-base-timing:cubic-bezier(.4, .4, 0, 1);--piano-hover-animation:.2s cubic-bezier(.4, .4, 0, 1);--piano-status-published-color:var(--piano-green-500);--piano-status-pending-color:var(--piano-yellow-500);--piano-status-failure-color:var(--piano-red-500);--piano-status-modified-color:var(--piano-blue-500);--piano-status-draft-color:var(--piano-gray-300);--piano-hover-gray-color:var(--piano-gray-50);--piano-border-color:var(--piano-gray-100);--piano-input-border-color:var(--piano-gray-200);--piano-input-focus-border-color:var(--piano-blue-200);--piano-unchange-black:#1a1a1a;--piano-unchange-white:#fff;--piano-alpha-20:#1113;--piano-alpha-40:#1116;--piano-z-index-dropdown:1000;--piano-z-index-modal:2000;--piano-z-index-loading:2147480000;--piano-breakpoint-sm:960px;--piano-breakpoint-md:1280px;--piano-breakpoint-lg:1440px;--piano-breakpoint-xl:1680px;--base-color-1:var(--piano-white);--text-color-1:var(--piano-black);--text-color-2:var(--piano-black);--text-color-3:var(--piano-gray-600);--text-color-4:var(--piano-gray-500);--text-color-5:var(--piano-gray-300)}html{line-height:unset}textarea{resize:none}code,kbd,samp,pre{font-family:inherit}button{cursor:pointer;border-radius:2px}}@layer vendor{.v-popper__popper{z-index:10000;outline:none;top:0;left:0}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .15s,visibility .15s}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{width:100%;height:100%;display:none;position:absolute;top:0;left:0}.v-popper__inner{box-sizing:border-box;position:relative;overflow-y:auto}.v-popper__inner>div{z-index:1;max-width:inherit;max-height:inherit;position:relative}.v-popper__arrow-container{width:10px;height:10px;position:absolute}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;width:0;height:0;position:absolute;top:0;left:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-bottom-color:#0000!important;border-left-color:#0000!important;border-right-color:#0000!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-top-color:#0000!important;border-left-color:#0000!important;border-right-color:#0000!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-top-color:#0000!important;border-bottom-color:#0000!important;border-left-color:#0000!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:#0000!important;border-bottom-color:#0000!important;border-right-color:#0000!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{color:#fff;background:#000c;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{color:#000;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:flex}.vue-recycle-scroller__slot{flex:none}.vue-recycle-scroller__item-wrapper{box-sizing:border-box;flex:1;position:relative;overflow:hidden}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{will-change:transform;position:absolute;top:0;left:0}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.resize-observer[data-v-b329ee4c]{z-index:-1;pointer-events:none;opacity:0;background-color:#0000;border:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0;overflow:hidden}.resize-observer[data-v-b329ee4c] object{pointer-events:none;z-index:-1;width:100%;height:100%;display:block;position:absolute;top:0;left:0;overflow:hidden}}@layer components{.v-popper__popper.v-popper--theme-tooltip .v-popper__arrow-container{display:none}.v-popper__popper.v-popper--theme-tooltip .v-popper__inner{background:var(--base-color-1);color:var(--text-color-2);box-shadow:0 0 0 1px var(--shadow-color-0), 0 0 10px #0000001a;border-radius:16px;padding:5px 10px 4px}.v-popper__popper.v-popper--theme-tooltip .v-popper__inner *{font-size:12px;font-weight:700;line-height:1}.v-popper__popper.v-popper--theme-dropdown .v-popper__arrow-container{display:none}.v-popper__popper.v-popper--theme-dropdown .v-popper__inner{background:var(--base-color-1);color:var(--text-color-1);box-shadow:0 0 0 1px var(--shadow-color-0), 0 0 10px #0000001a;border-radius:8px;max-width:240px;padding:12px;font-size:13px}.-p-label-xs-normal{font-size:10px;font-weight:var(--piano-font-normal);line-height:14px}.-p-label-xs-bold{font-size:10px;font-weight:var(--piano-font-bold);line-height:14px}.-p-label-xs2-normal{font-size:11px;font-weight:var(--piano-font-normal);line-height:14px}.-p-label-xs2-bold{font-size:11px;font-weight:var(--piano-font-bold);line-height:14px}.-p-label-sm-normal{font-size:12px;font-weight:var(--piano-font-normal);line-height:16px}.-p-label-sm-bold{font-size:12px;font-weight:var(--piano-font-bold);line-height:16px}.-p-label-sm2-normal{font-size:13px;font-weight:var(--piano-font-normal);line-height:18px}.-p-label-sm2-bold{font-size:13px;font-weight:var(--piano-font-bold);line-height:18px}.-p-label-md-normal{font-size:14px;font-weight:var(--piano-font-normal);line-height:20px}.-p-label-md-bold{font-size:14px;font-weight:var(--piano-font-bold);line-height:20px}.-p-label-lg-normal{font-size:16px;font-weight:var(--piano-font-normal);line-height:22px}.-p-label-lg-bold{font-size:16px;font-weight:var(--piano-font-bold);line-height:22px}.-p-roman-label-xs{font-family:var(--piano-font-elegance);font-size:10px;font-weight:var(--piano-font-bold);line-height:14px}.-p-roman-label-sm{font-family:var(--piano-font-elegance);font-size:12px;font-weight:var(--piano-font-bold);line-height:16px}.-p-roman-label-md{font-family:var(--piano-font-elegance);font-size:14px;font-weight:var(--piano-font-bold);line-height:20px}.-p-roman-label-lg{font-family:var(--piano-font-elegance);font-size:16px;font-weight:var(--piano-font-bold);line-height:22px}.-p-a-avatar-circle-xs{background-position:50%;background-size:cover;border-radius:50%;flex:none;width:24px;height:24px}.-p-a-avatar-circle-xss{background-position:50%;background-size:cover;border-radius:50%;flex:none;width:28px;height:28px}.-p-a-avatar-circle-sm{background-position:50%;background-size:cover;border-radius:50%;flex:none;width:36px;height:36px}.-p-a-avatar-circle-md{background-position:50%;background-size:cover;border-radius:50%;flex:none;width:44px;height:44px}.-p-a-avatar-circle-lg{background-position:50%;background-size:cover;border-radius:50%;flex:none;width:88px;height:88px}.-p-a-status-light-published{background:var(--piano-status-published-color);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.-p-a-status-light-pending{background:var(--piano-status-pending-color);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.-p-a-status-light-failure{background:var(--piano-status-failure-color);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.-p-a-status-light-modified{background:var(--piano-status-modified-color);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.-p-a-status-light-draft{background:var(--piano-status-draft-color);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.-p-text-input-xs{border:1px solid var(--piano-input-border-color);border-radius:4px;height:28px;padding-left:8px;font-size:13px}.-p-text-input-xs:focus{outline:solid var(--piano-blue-200) 2px}.-p-text-input-xs::placeholder{color:var(--piano-gray-600)}.-p-text-input-sm{border:1px solid var(--piano-input-border-color);border-radius:6px;height:36px;padding-left:14px;font-size:13px}.-p-text-input-sm:focus{outline:solid var(--piano-blue-200) 3px}.-p-text-input-sm::placeholder{color:var(--piano-gray-600)}.-p-text-input-md{border:1px solid var(--piano-input-border-color);border-radius:6px;height:44px;padding-left:16px;font-size:14px}.-p-text-input-md:focus{outline:solid var(--focus-outline-color) 3px}.-p-text-input-md::placeholder{color:var(--piano-gray-600)}.-p-text-input-error{border:1px solid var(--piano-red-500)!important;background:var(--piano-red-50)!important}.-p-text-input-error:focus{outline-color:var(--piano-red-200)}.bg-published{background:var(--piano-status-published-color)}.bg-pending{background:var(--piano-status-pending-color)}.bg-failure{background:var(--piano-status-failure-color)}.bg-modified{background:var(--piano-status-modified-color)}.bg-draft{background:var(--piano-status-draft-color)}.-p-col{flex-direction:column;display:flex}.-p-col-reverse{flex-direction:column-reverse;display:flex}.-p-row{flex-direction:row;display:flex}.-p-row-reverse{flex-direction:row-reverse;display:flex}.-p-border-1{border:1px solid var(--piano-border-color)}.-p-border-t-1{border-top:1px solid var(--piano-border-color)}.-p-border-r-1{border-right:1px solid var(--piano-border-color)}.-p-border-b-1{border-bottom:1px solid var(--piano-border-color)}.-p-border-l-1{border-left:1px solid var(--piano-border-color)}.-p-pointer-events-all{pointer-events:all}.-p-ogp-ratio{height:0;padding-top:52.5%}.-p-hover\:bg-gray:hover{background-color:var(--piano-hover-gray-color)}.-p-h-dvh{height:100dvh}.pf-btn-primary,.pf-btn-outline,.pf-btn-tertiary,.pf-btn-destructive,.pf-btn-gradient,.pf-btn-negative,.pf-btn-cancel{--piano-font-bold:700;box-sizing:border-box;cursor:pointer;transition:background-color var(--piano-hover-animation), border-color var(--piano-hover-animation);user-select:none;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}:is(.pf-btn-primary,.pf-btn-outline,.pf-btn-tertiary,.pf-btn-destructive,.pf-btn-gradient,.pf-btn-negative,.pf-btn-cancel).disabled{pointer-events:none}:is(.pf-btn-primary,.pf-btn-outline,.pf-btn-tertiary,.pf-btn-destructive,.pf-btn-gradient,.pf-btn-negative,.pf-btn-cancel).xs{gap:4px;min-width:34px;height:28px;min-height:28px;padding-left:6px;padding-right:6px}:is(.pf-btn-primary,.pf-btn-outline,.pf-btn-tertiary,.pf-btn-destructive,.pf-btn-gradient,.pf-btn-negative,.pf-btn-cancel).xs span{font-size:12px;line-height:16px;font-weight:var(--piano-font-bold)}:is(.pf-btn-primary,.pf-btn-outline,.pf-btn-tertiary,.pf-btn-destructive,.pf-btn-gradient,.pf-btn-negative,.pf-btn-cancel).xs span:only-child{margin-left:0;margin-right:0}:is(.pf-btn-primary,.pf-btn-outline,.pf-btn-tertiary,.pf-btn-destructive,.pf-btn-gradient,.pf-btn-negative,.pf-btn-cancel).xs span:first-child{margin-left:4px}:is(.pf-btn-primary,.pf-btn-outline,.pf-btn-tertiary,.pf-btn-destructive,.pf-btn-gradient,.pf-btn-negative,.pf-btn-cancel).xs span:last-child{margin-right:4px}:is(.pf-btn-primary,.pf-btn-outline,.pf-btn-tertiary,.pf-btn-destructive,.pf-btn-gradient,.pf-btn-negative,.pf-btn-cancel).sm{gap:6px;min-width:60px;height:36px;min-height:36px;padding-left:8px;padding-right:8px}:is(.pf-btn-primary,.pf-btn-outline,.pf-btn-tertiary,.pf-btn-destructive,.pf-btn-gradient,.pf-btn-negative,.pf-btn-cancel).sm span{font-size:12px;line-height:16px;font-weight:var(--piano-font-bold)}:is(.pf-btn-primary,.pf-btn-outline,.pf-btn-tertiary,.pf-btn-destructive,.pf-btn-gradient,.pf-btn-negative,.pf-btn-cancel).sm span:only-child{margin-left:0;margin-right:0}:is(.pf-btn-primary,.pf-btn-outline,.pf-btn-tertiary,.pf-btn-destructive,.pf-btn-gradient,.pf-btn-negative,.pf-btn-cancel).sm span:first-child{margin-left:4px}:is(.pf-btn-primary,.pf-btn-outline,.pf-btn-tertiary,.pf-btn-destructive,.pf-btn-gradient,.pf-btn-negative,.pf-btn-cancel).sm span:last-child{margin-right:4px}:is(.pf-btn-primary,.pf-btn-outline,.pf-btn-tertiary,.pf-btn-destructive,.pf-btn-gradient,.pf-btn-negative,.pf-btn-cancel).md{gap:8px;min-width:78px;height:44px;min-height:44px;padding-left:12px;padding-right:12px}:is(.pf-btn-primary,.pf-btn-outline,.pf-btn-tertiary,.pf-btn-destructive,.pf-btn-gradient,.pf-btn-negative,.pf-btn-cancel).md span{font-size:14px;line-height:20px;font-weight:var(--piano-font-bold)}:is(.pf-btn-primary,.pf-btn-outline,.pf-btn-tertiary,.pf-btn-destructive,.pf-btn-gradient,.pf-btn-negative,.pf-btn-cancel).md span:only-child{margin-left:0;margin-right:0}:is(.pf-btn-primary,.pf-btn-outline,.pf-btn-tertiary,.pf-btn-destructive,.pf-btn-gradient,.pf-btn-negative,.pf-btn-cancel).md span:first-child{margin-left:6px}:is(.pf-btn-primary,.pf-btn-outline,.pf-btn-tertiary,.pf-btn-destructive,.pf-btn-gradient,.pf-btn-negative,.pf-btn-cancel).md span:last-child{margin-right:6px}:is(.pf-btn-primary,.pf-btn-outline,.pf-btn-tertiary,.pf-btn-destructive,.pf-btn-gradient,.pf-btn-negative,.pf-btn-cancel).lg{gap:10px;min-width:100px;height:56px;min-height:56px;padding-left:16px;padding-right:16px}:is(.pf-btn-primary,.pf-btn-outline,.pf-btn-tertiary,.pf-btn-destructive,.pf-btn-gradient,.pf-btn-negative,.pf-btn-cancel).lg span{font-size:16px;line-height:22px;font-weight:var(--piano-font-bold)}:is(.pf-btn-primary,.pf-btn-outline,.pf-btn-tertiary,.pf-btn-destructive,.pf-btn-gradient,.pf-btn-negative,.pf-btn-cancel).lg span:only-child{margin-left:0;margin-right:0}:is(.pf-btn-primary,.pf-btn-outline,.pf-btn-tertiary,.pf-btn-destructive,.pf-btn-gradient,.pf-btn-negative,.pf-btn-cancel).lg span:first-child{margin-left:8px}:is(.pf-btn-primary,.pf-btn-outline,.pf-btn-tertiary,.pf-btn-destructive,.pf-btn-gradient,.pf-btn-negative,.pf-btn-cancel).lg span:last-child{margin-right:8px}:is(.pf-btn-primary,.pf-btn-outline,.pf-btn-tertiary,.pf-btn-destructive,.pf-btn-gradient,.pf-btn-negative,.pf-btn-cancel) span{text-align:center;font-style:normal;font-weight:var(--piano-font-bold);pointer-events:none}:is(.pf-btn-primary,.pf-btn-outline,.pf-btn-tertiary,.pf-btn-destructive,.pf-btn-gradient,.pf-btn-negative,.pf-btn-cancel) .spinner{border:2px solid var(--piano-gray-500);border-top-color:var(--piano-white);border-left-color:var(--piano-white);border-radius:50%;width:16px;height:16px;animation:1s linear infinite loading-spin}:is(.pf-btn-primary,.pf-btn-outline,.pf-btn-tertiary,.pf-btn-destructive,.pf-btn-gradient,.pf-btn-negative,.pf-btn-cancel) .spinner.black{border:2px solid var(--shadow-color-1);border-top-color:var(--text-color-4);border-left-color:var(--text-color-4)}@keyframes loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pf-btn-primary{border:1px solid var(--piano-black);background-color:var(--piano-black)}.pf-btn-primary span{color:var(--piano-white)}.pf-btn-primary:hover{background-color:var(--piano-gray-800);border-color:var(--piano-gray-800)}.pf-btn-primary:focus-visible{outline:3px solid var(--focus-outline-color)}.pf-btn-primary.disabled{border:1px solid var(--piano-gray-300);background-color:var(--piano-gray-300)}.pf-btn-outline{border:1px solid var(--piano-gray-200);background-color:var(--piano-white)}.pf-btn-outline span{color:var(--piano-black)}.pf-btn-outline:hover{background-color:var(--piano-gray-100)}.pf-btn-outline:focus-visible{outline:3px solid var(--focus-outline-color)}.pf-btn-outline.disabled span{color:var(--piano-gray-400)}.pf-btn-outline.disabled path{fill:var(--piano-gray-400)}.pf-btn-tertiary span{color:var(--piano-black)}.pf-btn-tertiary:hover{background-color:var(--piano-gray-100)}.pf-btn-tertiary:focus-visible{outline:3px solid var(--focus-outline-color)}.pf-btn-tertiary.disabled span{color:var(--piano-gray-400)}.pf-btn-tertiary.disabled path{fill:var(--piano-gray-400)}.pf-btn-destructive{border:1px solid var(--piano-red-600);background-color:var(--piano-white)}.pf-btn-destructive span{color:var(--piano-red-600)}.pf-btn-destructive:hover{background-color:var(--piano-red-100)}.pf-btn-destructive:focus-visible{outline:3px solid var(--focus-outline-color)}.pf-btn-destructive.disabled{border:1px solid var(--piano-red-300)}.pf-btn-destructive.disabled span{color:var(--piano-red-300)}.pf-btn-destructive.disabled path{fill:var(--piano-red-300)}.pf-btn-gradient{background:linear-gradient(90deg,#f05 0%,#f94cff 100%);border:none;box-shadow:0 4px 12px #fe136b29}.pf-btn-gradient span{color:#fff}.pf-btn-gradient:hover{background:linear-gradient(38deg,#ff006a,#ff7cf5)}.pf-btn-gradient:focus-visible{outline:3px solid var(--focus-outline-color)}.pf-btn-gradient.disabled{opacity:.3}.pf-btn-negative{background-color:var(--piano-gray-50);border:none}.pf-btn-negative span{color:var(--piano-gray-500)}.pf-btn-negative:hover{background-color:var(--piano-gray-200)}.pf-btn-negative:focus-visible{outline:3px solid var(--focus-outline-color)}.pf-btn-negative.disabled{opacity:.3}.pf-btn-cancel{background-color:var(--piano-gray-50);border:none}.pf-btn-cancel span{color:var(--piano-black)}.pf-btn-cancel:hover{background-color:var(--piano-gray-200)}.pf-btn-cancel:focus-visible{outline:3px solid var(--focus-outline-color)}.pf-btn-cancel.disabled span{color:var(--piano-gray-400)}.sd{z-index:0;-webkit-overflow-scrolling:touch;box-sizing:border-box;color:#000000d6;flex-flow:column;flex:none;place-content:center;align-items:center;font-size:16px;line-height:1;transition:all .3s cubic-bezier(.4,.4,0,1);display:flex;position:relative}.sd:not(.fa,.sd.fa-solid,.fa-brands,.material-icons,.richText,.material-symbols-outlined,.material-symbols-rounded,.material-symbols-sharp){font-family:sans-serif}.sd::-webkit-scrollbar{display:none}.sd.box{justify-content:flex-start}.sd.fa,.sd.fa-solid,.sd.fa-brands,.sd.material-icons{cursor:default;flex-direction:row;overflow:visible}a.sd.fa,a.sd.fa-solid,a.sd.fa-brands,a.sd.material-icons{-webkit-tap-highlight-color:#00000026}.sd.image{justify-content:flex-start}.sd.image>.image-background{border-radius:inherit;background-image:url(https://storage.googleapis.com/studio-front/default-img.png);background-position:50%;background-size:cover;width:100%;height:100%;transition:inherit;position:absolute;top:0;left:0}.sd.img,.sd.video{box-sizing:border-box;display:flex;position:relative}.sd.video.no-video{background-image:url(/assets/default-video-img-PzpMnLtW.png);background-position:50%;background-size:cover}.sd.file{word-break:break-word;overflow-wrap:anywhere;flex-direction:row}.sd.text{text-align:center;word-break:break-word;overflow-wrap:anywhere;flex-direction:row;overflow:visible}.sd.text.editing{cursor:text;user-select:text;word-wrap:normal;caret-color:auto;overflow:hidden;z-index:var(--z-index-text-renderer-editing)!important}.sd.input,.sd.textarea,.sd.select{-webkit-appearance:none}.sd.frame{display:block;overflow:hidden}.sd.frame .formrun-embed>iframe:not(:first-child){display:none!important}.sd.frame>iframe{pointer-events:none;width:100%;height:100%}.sd.action{cursor:pointer}.sd.absolute{z-index:1;max-width:none!important}.sd.fixed{z-index:2;max-width:none!important}.sd.select{border:none}.sd.select:focus{outline:none}.sd.file>input[type=file]{display:none}.sd{transition-property:all,--g-angle,--g-color-0,--g-position-0,--g-color-1,--g-position-1,--g-color-2,--g-position-2,--g-color-3,--g-position-3,--g-color-4,--g-position-4,--g-color-5,--g-position-5,--g-color-6,--g-position-6,--g-color-7,--g-position-7,--g-color-8,--g-position-8,--g-color-9,--g-position-9,--g-color-10,--g-position-10,--g-color-11,--g-position-11}.sd.richText *{transition-property:background,--g-angle,--g-color-0,--g-position-0,--g-color-1,--g-position-1,--g-color-2,--g-position-2,--g-color-3,--g-position-3,--g-color-4,--g-position-4,--g-color-5,--g-position-5,--g-color-6,--g-position-6,--g-color-7,--g-position-7,--g-color-8,--g-position-8,--g-color-9,--g-position-9,--g-color-10,--g-position-10,--g-color-11,--g-position-11;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,.4,0,1)}.o-project-list-header,.o-project-list-item{--col-plan:144px;--col-member:224px;--col-updated:184px;--col-menu:56px}@media (width>=1680px){.o-project-list-header,.o-project-list-item{--col-plan:168px;--col-member:296px;--col-updated:224px}}:is(.o-project-list-header,.o-project-list-item) :is(th,td):nth-child(2){width:var(--col-plan)}:is(.o-project-list-header,.o-project-list-item) :is(th,td):nth-child(3){width:var(--col-member)}:is(.o-project-list-header,.o-project-list-item) :is(th,td):nth-child(4){width:var(--col-updated)}:is(.o-project-list-header,.o-project-list-item) :is(th,td):nth-child(5){width:var(--col-menu)}.o-payment-list-header,.o-payment-list-item{--col-plan:240px;--col-billing:140px;--col-price:140px;--col-action:180px}@media (width>=1680px){.o-payment-list-header,.o-payment-list-item{--col-plan:256px;--col-billing:152px;--col-price:152px}}:is(.o-payment-list-header,.o-payment-list-item) :is(th,td):nth-child(2){width:var(--col-plan)}:is(.o-payment-list-header,.o-payment-list-item) :is(th,td):nth-child(3){width:var(--col-billing)}:is(.o-payment-list-header,.o-payment-list-item) :is(th,td):nth-child(4){width:var(--col-price)}:is(.o-payment-list-header,.o-payment-list-item) :is(th,td):nth-child(5){width:var(--col-action)}.vue-fade-dropdown-enter-active,.vue-fade-dropdown-leave-active{transition:opacity .3s var(--piano-animation-base-timing), transform .3s var(--piano-animation-base-timing)}.vue-fade-dropdown-enter-from,.vue-fade-dropdown-leave-to{opacity:0;transform:translateY(-12px)}}@layer utilities{.\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-auto\!{pointer-events:auto!important}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sr-only\!{clip-path:inset(50%)!important;white-space:nowrap!important;border-width:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.relative\!{position:relative!important}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-1{inset:calc(var(--spacing) * 1)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-x-4{inset-inline:calc(var(--spacing) * 4)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.-top-0\.5{top:calc(var(--spacing) * -.5)}.-top-1{top:calc(var(--spacing) * -1)}.-top-1\.5{top:calc(var(--spacing) * -1.5)}.-top-2{top:calc(var(--spacing) * -2)}.-top-2\.5{top:calc(var(--spacing) * -2.5)}.-top-3{top:calc(var(--spacing) * -3)}.-top-5{top:calc(var(--spacing) * -5)}.-top-11{top:calc(var(--spacing) * -11)}.-top-12{top:calc(var(--spacing) * -12)}.-top-\[5px\]{top:-5px}.-top-px{top:-1px}.top-\(--project-dashboard-header-height\){top:var(--project-dashboard-header-height)}.top-0{top:calc(var(--spacing) * 0)}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1{top:calc(var(--spacing) * 1)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.top-6{top:calc(var(--spacing) * 6)}.top-7{top:calc(var(--spacing) * 7)}.top-9{top:calc(var(--spacing) * 9)}.top-10{top:calc(var(--spacing) * 10)}.top-11{top:calc(var(--spacing) * 11)}.top-14{top:calc(var(--spacing) * 14)}.top-\[-29px\]{top:-29px}.top-\[-50px\]{top:-50px}.top-\[0\.5px\]{top:.5px}.top-\[3px\]{top:3px}.top-\[15px\]{top:15px}.top-\[23px\]{top:23px}.top-\[30px\]\!{top:30px!important}.top-\[50\%\]{top:50%}.top-\[calc\(50\%-12px\)\]{top:calc(50% - 12px)}.top-\[calc\(anchor\(bottom\)\+2px\)\]{top:calc(anchor(bottom) + 2px)}.top-\[calc\(anchor\(top\)\+36px\)\]{top:calc(anchor(top) + 36px)}.top-full{top:100%}.top-px{top:1px}.top-px\!{top:1px!important}.-right-0\.5{right:calc(var(--spacing) * -.5)}.-right-1{right:calc(var(--spacing) * -1)}.-right-2{right:calc(var(--spacing) * -2)}.-right-2\.5{right:calc(var(--spacing) * -2.5)}.-right-4{right:calc(var(--spacing) * -4)}.-right-5{right:calc(var(--spacing) * -5)}.-right-15{right:calc(var(--spacing) * -15)}.-right-\[5px\]{right:-5px}.right-0{right:calc(var(--spacing) * 0)}.right-0\!{right:calc(var(--spacing) * 0)!important}.right-0\.5{right:calc(var(--spacing) * .5)}.right-1{right:calc(var(--spacing) * 1)}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-2{right:calc(var(--spacing) * 2)}.right-2\.5{right:calc(var(--spacing) * 2.5)}.right-3{right:calc(var(--spacing) * 3)}.right-3\.5{right:calc(var(--spacing) * 3.5)}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.right-6{right:calc(var(--spacing) * 6)}.right-10{right:calc(var(--spacing) * 10)}.right-11{right:calc(var(--spacing) * 11)}.right-14{right:calc(var(--spacing) * 14)}.right-\[3px\]{right:3px}.right-\[68px\]{right:68px}.right-\[270px\]{right:270px}.right-\[calc\(anchor\(right\)\)\]{right:calc(anchor(right))}.right-full{right:100%}.-bottom-11{bottom:calc(var(--spacing) * -11)}.-bottom-\[5px\]{bottom:-5px}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-1{bottom:calc(var(--spacing) * 1)}.bottom-1\/2{bottom:50%}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-5{bottom:calc(var(--spacing) * 5)}.bottom-9{bottom:calc(var(--spacing) * 9)}.bottom-10{bottom:calc(var(--spacing) * 10)}.bottom-14{bottom:calc(var(--spacing) * 14)}.bottom-15{bottom:calc(var(--spacing) * 15)}.bottom-\[-26px\]{bottom:-26px}.bottom-\[5px\]{bottom:5px}.bottom-\[18px\]{bottom:18px}.bottom-\[88px\]{bottom:88px}.bottom-\[300px\]{bottom:300px}.bottom-auto{bottom:auto}.bottom-auto\!{bottom:auto!important}.bottom-full{bottom:100%}.-left-1{left:calc(var(--spacing) * -1)}.-left-15{left:calc(var(--spacing) * -15)}.-left-\[5px\]{left:-5px}.left-0{left:calc(var(--spacing) * 0)}.left-0\!{left:calc(var(--spacing) * 0)!important}.left-0\.5{left:calc(var(--spacing) * .5)}.left-1{left:calc(var(--spacing) * 1)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-2\.5{left:calc(var(--spacing) * 2.5)}.left-3{left:calc(var(--spacing) * 3)}.left-3\.5{left:calc(var(--spacing) * 3.5)}.left-8{left:calc(var(--spacing) * 8)}.left-\[9px\]{left:9px}.left-\[11px\]{left:11px}.left-\[16px\]{left:16px}.left-\[20px\]{left:20px}.left-\[50\%\]{left:50%}.left-\[50px\]{left:50px}.left-\[108px\]{left:108px}.left-\[200px\]{left:200px}.left-\[228px\]{left:228px}.left-\[236px\]{left:236px}.left-\[256px\]{left:256px}.left-\[calc\(anchor\(left\)\)\]{left:calc(anchor(left))}.left-auto{left:auto}.left-full{left:100%}.left-px{left:1px}.left-px\!{left:1px!important}.isolate{isolation:isolate}.-z-10{z-index:calc(10 * -1)}.z-0{z-index:0}.z-1{z-index:1}.z-2{z-index:2}.z-6{z-index:6}.z-8{z-index:8}.z-9{z-index:9}.z-10{z-index:10}.z-12{z-index:12}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-100{z-index:100}.z-201{z-index:201}.z-1001{z-index:1001}.z-4000{z-index:4000}.z-9999{z-index:9999}.z-10000{z-index:10000}.z-1000000{z-index:1000000}.z-2147483648{z-index:2147483647}.z-\[201\]{z-index:201}.z-\[1200\]{z-index:1200}.z-dropdown{z-index:var(--z-index-dropdown)}.z-loading{z-index:var(--z-index-loading)}.z-modal{z-index:var(--z-index-modal)}.col-1{grid-column:1}.col-2{grid-column:2}.col-3{grid-column:3}.col-4{grid-column:4}.col-5{grid-column:5}.col-6{grid-column:6}.col-7{grid-column:7}.col-8{grid-column:8}.col-\[1\/1\]{grid-column:1/1}.col-\[2\/3\]{grid-column:2/3}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-full{grid-column:1/-1}.row-\[1\/1\]{grid-row:1/1}.row-\[2\/3\]{grid-row:2/3}.row-span-3{grid-row:span 3/span 3}.row-span-4{grid-row:span 4/span 4}.row-span-full{grid-row:1/-1}.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}.m-0{margin:calc(var(--spacing) * 0)}.m-0\!{margin:calc(var(--spacing) * 0)!important}.m-1\.5{margin:calc(var(--spacing) * 1.5)}.m-2\.5{margin:calc(var(--spacing) * 2.5)}.m-auto{margin:auto}.mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-1\.5{margin-inline:calc(var(--spacing) * 1.5)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-5{margin-inline:calc(var(--spacing) * 5)}.mx-10{margin-inline:calc(var(--spacing) * 10)}.mx-\[5px\]{margin-inline:5px}.mx-auto{margin-inline:auto}.mx-px{margin-inline:1px}.-my-px{margin-block:-1px}.my-0{margin-block:calc(var(--spacing) * 0)}.my-1{margin-block:calc(var(--spacing) * 1)}.my-1\.5{margin-block:calc(var(--spacing) * 1.5)}.my-2{margin-block:calc(var(--spacing) * 2)}.my-2\.5{margin-block:calc(var(--spacing) * 2.5)}.my-3\.5{margin-block:calc(var(--spacing) * 3.5)}.my-4{margin-block:calc(var(--spacing) * 4)}.my-6{margin-block:calc(var(--spacing) * 6)}.my-15{margin-block:calc(var(--spacing) * 15)}.my-16{margin-block:calc(var(--spacing) * 16)}.my-\[3px\]{margin-block:3px}.my-\[64px\]{margin-block:64px}.my-\[120px\]{margin-block:120px}.my-px{margin-block:1px}.-mt-1{margin-top:calc(var(--spacing) * -1)}.-mt-2{margin-top:calc(var(--spacing) * -2)}.-mt-3{margin-top:calc(var(--spacing) * -3)}.-mt-5{margin-top:calc(var(--spacing) * -5)}.-mt-8{margin-top:calc(var(--spacing) * -8)}.-mt-10{margin-top:calc(var(--spacing) * -10)}.-mt-\[5px\]{margin-top:-5px}.mt-0{margin-top:calc(var(--spacing) * 0)}.mt-0\!{margin-top:calc(var(--spacing) * 0)!important}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-3\.5{margin-top:calc(var(--spacing) * 3.5)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7\.5{margin-top:calc(var(--spacing) * 7.5)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-14{margin-top:calc(var(--spacing) * 14)}.mt-15{margin-top:calc(var(--spacing) * 15)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-20{margin-top:calc(var(--spacing) * 20)}.mt-\[-0\.75em\]{margin-top:-.75em}.mt-\[0\.5px\]{margin-top:.5px}.mt-\[3px\]{margin-top:3px}.mt-\[15px\]{margin-top:15px}.mt-\[50px\]{margin-top:50px}.mt-\[84px\]{margin-top:84px}.mt-\[100px\]{margin-top:100px}.mt-\[110px\]{margin-top:110px}.mt-auto{margin-top:auto}.mt-px{margin-top:1px}.-mr-3{margin-right:calc(var(--spacing) * -3)}.mr-0{margin-right:calc(var(--spacing) * 0)}.mr-0\.5{margin-right:calc(var(--spacing) * .5)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-2\.5{margin-right:calc(var(--spacing) * 2.5)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mr-3\.5{margin-right:calc(var(--spacing) * 3.5)}.mr-4{margin-right:calc(var(--spacing) * 4)}.mr-5{margin-right:calc(var(--spacing) * 5)}.mr-15{margin-right:calc(var(--spacing) * 15)}.mr-\[4px\]{margin-right:4px}.mr-\[5px\]{margin-right:5px}.mr-\[18px\]{margin-right:18px}.mr-\[19px\]{margin-right:19px}.mr-\[30px\]{margin-right:30px}.mr-\[50px\]{margin-right:50px}.mr-auto{margin-right:auto}.-mb-20{margin-bottom:calc(var(--spacing) * -20)}.-mb-\[3px\]{margin-bottom:-3px}.-mb-\[5px\]{margin-bottom:-5px}.-mb-px{margin-bottom:-1px}.mb-0\!{margin-bottom:calc(var(--spacing) * 0)!important}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-8\!{margin-bottom:calc(var(--spacing) * 8)!important}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-20{margin-bottom:calc(var(--spacing) * 20)}.mb-\[50px\]{margin-bottom:50px}.mb-px{margin-bottom:1px}.-ml-0\.5{margin-left:calc(var(--spacing) * -.5)}.-ml-1{margin-left:calc(var(--spacing) * -1)}.-ml-2{margin-left:calc(var(--spacing) * -2)}.-ml-4{margin-left:calc(var(--spacing) * -4)}.ml-0{margin-left:calc(var(--spacing) * 0)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-2\.5{margin-left:calc(var(--spacing) * 2.5)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-5{margin-left:calc(var(--spacing) * 5)}.ml-6{margin-left:calc(var(--spacing) * 6)}.ml-8{margin-left:calc(var(--spacing) * 8)}.ml-9{margin-left:calc(var(--spacing) * 9)}.ml-\[3px\]{margin-left:3px}.ml-\[18px\]{margin-left:18px}.ml-\[max\(0px\,calc\(50vw-var\(--account-settings-content-max-width\)\/2-var\(--project-list-sidebar-width\)\)\)\]{margin-left:max(0px, calc(50vw - var(--account-settings-content-max-width) / 2 - var(--project-list-sidebar-width)))}.ml-auto{margin-left:auto}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.block\!{display:block!important}.contents{display:contents}.flex{display:flex}.flex\!{display:flex!important}.grid{display:grid}.grid\!{display:grid!important}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.list-item{display:list-item}.table{display:table}.aspect-3\/4{aspect-ratio:3/4}.aspect-240\/340{aspect-ratio:240/340}.aspect-245\/87{aspect-ratio:245/87}.aspect-267\/150{aspect-ratio:267/150}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-0{width:calc(var(--spacing) * 0);height:calc(var(--spacing) * 0)}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-4\!{width:calc(var(--spacing) * 4)!important;height:calc(var(--spacing) * 4)!important}.size-4\.5{width:calc(var(--spacing) * 4.5);height:calc(var(--spacing) * 4.5)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-5\!{width:calc(var(--spacing) * 5)!important;height:calc(var(--spacing) * 5)!important}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-6\!{width:calc(var(--spacing) * 6)!important;height:calc(var(--spacing) * 6)!important}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.size-20{width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20)}.size-24{width:calc(var(--spacing) * 24);height:calc(var(--spacing) * 24)}.size-24\!{width:calc(var(--spacing) * 24)!important;height:calc(var(--spacing) * 24)!important}.size-\[3px\]{width:3px;height:3px}.size-\[5px\]{width:5px;height:5px}.size-\[6px\]{width:6px;height:6px}.size-\[9px\]{width:9px;height:9px}.size-\[10px\]{width:10px;height:10px}.size-\[11px\]{width:11px;height:11px}.size-\[18px\]{width:18px;height:18px}.size-\[25px\]{width:25px;height:25px}.size-\[26px\]{width:26px;height:26px}.size-\[30px\]{width:30px;height:30px}.size-\[88px\]{width:88px;height:88px}.size-fit{width:fit-content;height:fit-content}.size-full{width:100%;height:100%}.size-max{width:max-content;height:max-content}.\!h-full{height:100%!important}.h-\(--project-list-header-height\){height:var(--project-list-header-height)}.h-0{height:calc(var(--spacing) * 0)}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-2\/5{height:40%}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-3\/5{height:60%}.h-4{height:calc(var(--spacing) * 4)}.h-4\.5{height:calc(var(--spacing) * 4.5)}.h-4\.75{height:calc(var(--spacing) * 4.75)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-6\!{height:calc(var(--spacing) * 6)!important}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-13{height:calc(var(--spacing) * 13)}.h-14{height:calc(var(--spacing) * 14)}.h-15{height:calc(var(--spacing) * 15)}.h-16{height:calc(var(--spacing) * 16)}.h-18{height:calc(var(--spacing) * 18)}.h-19{height:calc(var(--spacing) * 19)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-57\.5{height:calc(var(--spacing) * 57.5)}.h-\[3px\]{height:3px}.h-\[10px\]{height:10px}.h-\[11px\]{height:11px}.h-\[12px\]{height:12px}.h-\[13px\]{height:13px}.h-\[14px\]{height:14px}.h-\[16px\]{height:16px}.h-\[17px\]{height:17px}.h-\[18px\]{height:18px}.h-\[21px\]{height:21px}.h-\[22px\]{height:22px}.h-\[24px\]{height:24px}.h-\[25px\]{height:25px}.h-\[26px\]{height:26px}.h-\[26px\]\!{height:26px!important}.h-\[30px\]{height:30px}.h-\[31px\]\!{height:31px!important}.h-\[32px\]{height:32px}.h-\[33px\]{height:33px}.h-\[35px\]{height:35px}.h-\[38px\]{height:38px}.h-\[40px\]{height:40px}.h-\[42px\]{height:42px}.h-\[44px\]{height:44px}.h-\[45px\]{height:45px}.h-\[46px\]{height:46px}.h-\[48px\]{height:48px}.h-\[50px\]{height:50px}.h-\[54px\]{height:54px}.h-\[56px\]{height:56px}.h-\[58px\]{height:58px}.h-\[60px\]{height:60px}.h-\[64px\]{height:64px}.h-\[68px\]{height:68px}.h-\[70px\]{height:70px}.h-\[72px\]{height:72px}.h-\[75px\]{height:75px}.h-\[75px\]\!{height:75px!important}.h-\[76px\]{height:76px}.h-\[78px\]{height:78px}.h-\[80\%\]{height:80%}.h-\[80vh\]{height:80vh}.h-\[82px\]{height:82px}.h-\[84px\]{height:84px}.h-\[88px\]{height:88px}.h-\[90px\]{height:90px}.h-\[96px\]{height:96px}.h-\[100px\]{height:100px}.h-\[106px\]{height:106px}.h-\[120px\]{height:120px}.h-\[122px\]{height:122px}.h-\[128px\]{height:128px}.h-\[130px\]{height:130px}.h-\[140px\]{height:140px}.h-\[160px\]{height:160px}.h-\[180px\]{height:180px}.h-\[206px\]{height:206px}.h-\[240px\]{height:240px}.h-\[246px\]{height:246px}.h-\[256px\]{height:256px}.h-\[270px\]{height:270px}.h-\[272px\]{height:272px}.h-\[280px\]{height:280px}.h-\[288px\]{height:288px}.h-\[400px\]{height:400px}.h-\[450px\]{height:450px}.h-\[538px\]{height:538px}.h-\[570px\]{height:570px}.h-\[calc\(100\%-44px\)\]{height:calc(100% - 44px)}.h-\[calc\(100\%-45px\)\]{height:calc(100% - 45px)}.h-\[calc\(100\%-110px\)\]{height:calc(100% - 110px)}.h-\[calc\(100vh-64px\)\]{height:calc(100vh - 64px)}.h-\[inherit\]{height:inherit}.h-auto{height:auto}.h-auto\!{height:auto!important}.h-dvh{height:100dvh}.h-fit{height:fit-content}.h-full{height:100%}.h-max{height:max-content}.h-px{height:1px}.h-screen{height:100vh}.h-svh{height:100svh}.\!max-h-\[400px\]{max-height:400px!important}.max-h-8{max-height:calc(var(--spacing) * 8)}.max-h-9{max-height:calc(var(--spacing) * 9)}.max-h-10{max-height:calc(var(--spacing) * 10)}.max-h-\[31px\]{max-height:31px}.max-h-\[40vh\]{max-height:40vh}.max-h-\[60vh\]{max-height:60vh}.max-h-\[75px\]{max-height:75px}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90\%\]{max-height:90%}.max-h-\[90vh\]{max-height:90vh}.max-h-\[128px\]{max-height:128px}.max-h-\[140px\]{max-height:140px}.max-h-\[200px\]{max-height:200px}.max-h-\[220px\]{max-height:220px}.max-h-\[224px\]{max-height:224px}.max-h-\[234px\]{max-height:234px}.max-h-\[240px\]{max-height:240px}.max-h-\[260px\]{max-height:260px}.max-h-\[270px\]{max-height:270px}.max-h-\[280px\]{max-height:280px}.max-h-\[300px\]{max-height:300px}.max-h-\[356px\]{max-height:356px}.max-h-\[360px\]{max-height:360px}.max-h-\[400px\]{max-height:400px}.max-h-\[420px\]{max-height:420px}.max-h-\[460px\]{max-height:460px}.max-h-\[480px\]{max-height:480px}.max-h-\[500px\]{max-height:500px}.max-h-\[512px\]{max-height:512px}.max-h-\[585px\]{max-height:585px}.max-h-\[600px\]{max-height:600px}.max-h-\[768px\]{max-height:768px}.max-h-\[800px\]{max-height:800px}.max-h-\[1000px\]{max-height:1000px}.max-h-\[calc\(100vh-32px\)\]{max-height:calc(100vh - 32px)}.max-h-\[calc\(100vh-180px\)\]{max-height:calc(100vh - 180px)}.max-h-\[calc\(100vh-368px\)\]{max-height:calc(100vh - 368px)}.max-h-\[inherit\]{max-height:inherit}.max-h-\[min\(520px\,100vh-128px\)\]{max-height:min(520px,100vh - 128px)}.max-h-\[unset\]\!{max-height:unset!important}.max-h-full{max-height:100%}.max-h-none{max-height:none}.max-h-screen{max-height:100vh}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-0\!{min-height:calc(var(--spacing) * 0)!important}.min-h-1\.5{min-height:calc(var(--spacing) * 1.5)}.min-h-3\!{min-height:calc(var(--spacing) * 3)!important}.min-h-4{min-height:calc(var(--spacing) * 4)}.min-h-5{min-height:calc(var(--spacing) * 5)}.min-h-6{min-height:calc(var(--spacing) * 6)}.min-h-7{min-height:calc(var(--spacing) * 7)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-13{min-height:calc(var(--spacing) * 13)}.min-h-15{min-height:calc(var(--spacing) * 15)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-18{min-height:calc(var(--spacing) * 18)}.min-h-20{min-height:calc(var(--spacing) * 20)}.min-h-\[1px\]{min-height:1px}.min-h-\[22px\]{min-height:22px}.min-h-\[30px\]{min-height:30px}.min-h-\[31px\]\!{min-height:31px!important}.min-h-\[33px\]{min-height:33px}.min-h-\[38px\]{min-height:38px}.min-h-\[68px\]{min-height:68px}.min-h-\[76px\]{min-height:76px}.min-h-\[82px\]{min-height:82px}.min-h-\[100px\]{min-height:100px}.min-h-\[102px\]{min-height:102px}.min-h-\[120px\]{min-height:120px}.min-h-\[128px\]{min-height:128px}.min-h-\[148px\]{min-height:148px}.min-h-\[200px\]{min-height:200px}.min-h-\[320px\]{min-height:320px}.min-h-\[360px\]{min-height:360px}.min-h-\[calc\(100vh-100px\)\]{min-height:calc(100vh - 100px)}.min-h-full{min-height:100%}.min-h-min{min-height:min-content}.min-h-px{min-height:1px}.min-h-screen{min-height:100vh}.\!w-\[70px\]{width:70px!important}.\!w-\[130px\]{width:130px!important}.\!w-\[220px\]{width:220px!important}.\!w-\[230px\]{width:230px!important}.\!w-\[254px\]{width:254px!important}.\!w-\[272px\]{width:272px!important}.\!w-\[280px\]{width:280px!important}.\!w-\[300px\]{width:300px!important}.\!w-fit{width:fit-content!important}.w-0{width:calc(var(--spacing) * 0)}.w-0\.5{width:calc(var(--spacing) * .5)}.w-1\/2{width:50%}.w-1\/2\!{width:50%!important}.w-1\/3{width:33.3333%}.w-1\/4{width:25%}.w-1\/5{width:20%}.w-1\/12{width:8.33333%}.w-2{width:calc(var(--spacing) * 2)}.w-2\/5{width:40%}.w-3{width:calc(var(--spacing) * 3)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-4\.5{width:calc(var(--spacing) * 4.5)}.w-5{width:calc(var(--spacing) * 5)}.w-5\/12{width:41.6667%}.w-6{width:calc(var(--spacing) * 6)}.w-6\!{width:calc(var(--spacing) * 6)!important}.w-6\/12{width:50%}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-9\!{width:calc(var(--spacing) * 9)!important}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-13{width:calc(var(--spacing) * 13)}.w-14{width:calc(var(--spacing) * 14)}.w-15{width:calc(var(--spacing) * 15)}.w-16{width:calc(var(--spacing) * 16)}.w-16\!{width:calc(var(--spacing) * 16)!important}.w-18{width:calc(var(--spacing) * 18)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-30{width:calc(var(--spacing) * 30)}.w-40{width:calc(var(--spacing) * 40)}.w-75{width:calc(var(--spacing) * 75)}.w-85{width:calc(var(--spacing) * 85)}.w-90{width:calc(var(--spacing) * 90)}.w-170{width:calc(var(--spacing) * 170)}.w-\[4em\]{width:4em}.w-\[9px\]{width:9px}.w-\[10\%\]{width:10%}.w-\[11\.1\%\]{width:11.1%}.w-\[12\.5\%\]{width:12.5%}.w-\[13px\]{width:13px}.w-\[14\.3\%\]{width:14.3%}.w-\[16\.7\%\]{width:16.7%}.w-\[25px\]{width:25px}.w-\[26px\]{width:26px}.w-\[30\%\]{width:30%}.w-\[30px\]{width:30px}.w-\[34px\]{width:34px}.w-\[35px\]{width:35px}.w-\[38px\]{width:38px}.w-\[42px\]{width:42px}.w-\[46px\]{width:46px}.w-\[50\%\]{width:50%}.w-\[50px\]{width:50px}.w-\[54px\]{width:54px}.w-\[58px\]{width:58px}.w-\[60\%\]{width:60%}.w-\[62px\]{width:62px}.w-\[67\%\]{width:67%}.w-\[70\%\]{width:70%}.w-\[70px\]{width:70px}.w-\[74px\]\!{width:74px!important}.w-\[75px\]{width:75px}.w-\[80\%\]{width:80%}.w-\[80px\]{width:80px}.w-\[88px\]{width:88px}.w-\[90px\]{width:90px}.w-\[92px\]{width:92px}.w-\[100\%_-16px-44px-32px\]{width:100% -16px-44px-32px}.w-\[100px\]{width:100px}.w-\[104px\]{width:104px}.w-\[110px\]{width:110px}.w-\[112px\]{width:112px}.w-\[120px\]{width:120px}.w-\[124px\]{width:124px}.w-\[128px\]{width:128px}.w-\[132px\]{width:132px}.w-\[135px\]{width:135px}.w-\[136px\]{width:136px}.w-\[138px\]{width:138px}.w-\[140px\]{width:140px}.w-\[143px\]{width:143px}.w-\[144px\]{width:144px}.w-\[150px\]{width:150px}.w-\[160px\]{width:160px}.w-\[164px\]{width:164px}.w-\[168px\]{width:168px}.w-\[172px\]{width:172px}.w-\[178px\]{width:178px}.w-\[180px\]{width:180px}.w-\[190px\]{width:190px}.w-\[192px\]{width:192px}.w-\[200px\]{width:200px}.w-\[216px\]{width:216px}.w-\[220px\]{width:220px}.w-\[224px\]{width:224px}.w-\[228px\]{width:228px}.w-\[232px\]{width:232px}.w-\[235px\]{width:235px}.w-\[236px\]{width:236px}.w-\[238px\]{width:238px}.w-\[240px\]{width:240px}.w-\[246px\]{width:246px}.w-\[248px\]{width:248px}.w-\[254px\]\!{width:254px!important}.w-\[256px\]{width:256px}.w-\[256px\]\!{width:256px!important}.w-\[260px\]{width:260px}.w-\[268px\]{width:268px}.w-\[270px\]{width:270px}.w-\[276px\]{width:276px}.w-\[280px\]{width:280px}.w-\[284px\]{width:284px}.w-\[300px\]{width:300px}.w-\[310px\]{width:310px}.w-\[320px\]{width:320px}.w-\[340px\]{width:340px}.w-\[360px\]{width:360px}.w-\[368px\]{width:368px}.w-\[370px\]{width:370px}.w-\[380px\]{width:380px}.w-\[384px\]{width:384px}.w-\[387px\]{width:387px}.w-\[392px\]{width:392px}.w-\[400px\]{width:400px}.w-\[412px\]{width:412px}.w-\[420px\]{width:420px}.w-\[424px\]{width:424px}.w-\[428px\]{width:428px}.w-\[440px\]{width:440px}.w-\[444px\]{width:444px}.w-\[456px\]{width:456px}.w-\[460px\]{width:460px}.w-\[464px\]{width:464px}.w-\[465px\]{width:465px}.w-\[470px\]{width:470px}.w-\[473px\]{width:473px}.w-\[480px\]{width:480px}.w-\[484px\]{width:484px}.w-\[496px\]{width:496px}.w-\[500px\]{width:500px}.w-\[512px\]{width:512px}.w-\[516px\]{width:516px}.w-\[520px\]{width:520px}.w-\[536px\]{width:536px}.w-\[540px\]{width:540px}.w-\[548px\]{width:548px}.w-\[560px\]{width:560px}.w-\[580px\]{width:580px}.w-\[600px\]{width:600px}.w-\[632px\]{width:632px}.w-\[640px\]{width:640px}.w-\[640px\]\!{width:640px!important}.w-\[660px\]{width:660px}.w-\[680px\]{width:680px}.w-\[720px\]{width:720px}.w-\[800px\]{width:800px}.w-\[880px\]{width:880px}.w-\[900px\]{width:900px}.w-\[964px\]{width:964px}.w-\[1120px\]{width:1120px}.w-\[1200px\]{width:1200px}.w-\[1400px\]{width:1400px}.w-\[calc\(50\%-8px\)\]{width:calc(50% - 8px)}.w-\[calc\(100\%\+4px\)\]{width:calc(100% + 4px)}.w-\[calc\(100\%-24px\)\]{width:calc(100% - 24px)}.w-\[calc\(100\%-32px\)\]{width:calc(100% - 32px)}.w-\[calc\(100\%-56px\)\]{width:calc(100% - 56px)}.w-\[calc\(100\%-220px\)\]{width:calc(100% - 220px)}.w-\[calc\(100vw-64px\)\]{width:calc(100vw - 64px)}.w-\[stretch\]{width:stretch}.w-auto{width:auto}.w-auto\!{width:auto!important}.w-fit{width:fit-content}.w-fit\!{width:fit-content!important}.w-full{width:100%}.w-full\!{width:100%!important}.w-max{width:max-content}.w-max\!{width:max-content!important}.w-px{width:1px}.max-w-\(--account-settings-content-max-width\){max-width:var(--account-settings-content-max-width)}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-8{max-width:calc(var(--spacing) * 8)}.max-w-\[31px\]\!{max-width:31px!important}.max-w-\[50\%\]{max-width:50%}.max-w-\[75px\]{max-width:75px}.max-w-\[80vw\]{max-width:80vw}.max-w-\[90vw\]{max-width:90vw}.max-w-\[100px\]{max-width:100px}.max-w-\[120px\]{max-width:120px}.max-w-\[128px\]{max-width:128px}.max-w-\[140px\]{max-width:140px}.max-w-\[150px\]{max-width:150px}.max-w-\[170px\]{max-width:170px}.max-w-\[200px\]{max-width:200px}.max-w-\[240px\]{max-width:240px}.max-w-\[250px\]{max-width:250px}.max-w-\[280px\]\!{max-width:280px!important}.max-w-\[300px\]{max-width:300px}.max-w-\[328px\]{max-width:328px}.max-w-\[358px\]{max-width:358px}.max-w-\[368px\]{max-width:368px}.max-w-\[400px\]{max-width:400px}.max-w-\[480px\]{max-width:480px}.max-w-\[500px\]{max-width:500px}.max-w-\[600px\]{max-width:600px}.max-w-\[640px\]{max-width:640px}.max-w-\[672px\]{max-width:672px}.max-w-\[678px\]{max-width:678px}.max-w-\[700px\]{max-width:700px}.max-w-\[800px\]{max-width:800px}.max-w-\[900px\]{max-width:900px}.max-w-\[1141px\]{max-width:1141px}.max-w-\[calc\(100\%-19px\)\]{max-width:calc(100% - 19px)}.max-w-\[calc\(100\%-24px\)\]{max-width:calc(100% - 24px)}.max-w-\[calc\(100\%-60px\)\]{max-width:calc(100% - 60px)}.max-w-\[calc\(100vw-32px\)\]{max-width:calc(100vw - 32px)}.max-w-\[fit-content\],.max-w-fit{max-width:fit-content}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-login{max-width:var(--max-width-login)}.max-w-none{max-width:none}.\!min-w-\[140px\]{min-width:140px!important}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-1\.5{min-width:calc(var(--spacing) * 1.5)}.min-w-3{min-width:calc(var(--spacing) * 3)}.min-w-3\!{min-width:calc(var(--spacing) * 3)!important}.min-w-4{min-width:calc(var(--spacing) * 4)}.min-w-4\!{min-width:calc(var(--spacing) * 4)!important}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-6{min-width:calc(var(--spacing) * 6)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-10{min-width:calc(var(--spacing) * 10)}.min-w-12{min-width:calc(var(--spacing) * 12)}.min-w-14{min-width:calc(var(--spacing) * 14)}.min-w-15{min-width:calc(var(--spacing) * 15)}.min-w-20{min-width:calc(var(--spacing) * 20)}.min-w-24{min-width:calc(var(--spacing) * 24)}.min-w-30{min-width:calc(var(--spacing) * 30)}.min-w-\[0\.5em\]{min-width:.5em}.min-w-\[2em\]{min-width:2em}.min-w-\[18px\]{min-width:18px}.min-w-\[22px\]{min-width:22px}.min-w-\[31px\]\!{min-width:31px!important}.min-w-\[38px\]{min-width:38px}.min-w-\[40px\]{min-width:40px}.min-w-\[70px\]{min-width:70px}.min-w-\[100px\]{min-width:100px}.min-w-\[115px\]{min-width:115px}.min-w-\[120px\]{min-width:120px}.min-w-\[124px\]{min-width:124px}.min-w-\[128px\]{min-width:128px}.min-w-\[148px\]{min-width:148px}.min-w-\[150px\]{min-width:150px}.min-w-\[152px\]{min-width:152px}.min-w-\[160px\]{min-width:160px}.min-w-\[180px\]{min-width:180px}.min-w-\[188px\]{min-width:188px}.min-w-\[200px\]{min-width:200px}.min-w-\[204px\]{min-width:204px}.min-w-\[220px\]{min-width:220px}.min-w-\[228px\]{min-width:228px}.min-w-\[250px\]{min-width:250px}.min-w-\[256px\]{min-width:256px}.min-w-\[286px\]{min-width:286px}.min-w-\[300px\]{min-width:300px}.min-w-\[320px\]{min-width:320px}.min-w-\[512px\]{min-width:512px}.min-w-\[640px\]{min-width:640px}.min-w-\[720px\]{min-width:720px}.min-w-\[860px\]{min-width:860px}.min-w-\[900px\]{min-width:900px}.min-w-fit{min-width:fit-content}.min-w-full{min-width:100%}.min-w-max{min-width:max-content}.flex-0{flex:0}.flex-1{flex:1}.flex-1\!{flex:1!important}.flex-4{flex:4}.flex-5{flex:5}.flex-auto{flex:auto}.flex-initial{flex:0 auto}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.grow-0{flex-grow:0}.grow-2{flex-grow:2}.basis-0{flex-basis:calc(var(--spacing) * 0)}.basis-1\/2{flex-basis:50%}.basis-4{flex-basis:calc(var(--spacing) * 4)}.basis-10{flex-basis:calc(var(--spacing) * 10)}.basis-\[33\%\]{flex-basis:33%}.basis-\[50\%\]{flex-basis:50%}.basis-\[112px\]{flex-basis:112px}.basis-\[200px\]{flex-basis:200px}.basis-\[250px\]{flex-basis:250px}.basis-\[368px\]{flex-basis:368px}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.origin-center{transform-origin:50%}.-translate-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-3{--tw-translate-x:calc(var(--spacing) * -3);--tw-translate-y:calc(var(--spacing) * -3);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-20{--tw-translate-x:calc(var(--spacing) * -20);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0\.5{--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1\/2{--tw-translate-x:calc(1 / 2 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-2{--tw-translate-x:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-3\.5{--tw-translate-x:calc(var(--spacing) * 3.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[140px\]{--tw-translate-x:140px;translate:var(--tw-translate-x) var(--tw-translate-y)}.\!translate-y-\[-380px\]{--tw-translate-y:-380px!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.\!translate-y-\[-400px\]{--tw-translate-y:-400px!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-2{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-2\/3{--tw-translate-y:calc(calc(2 / 3 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-8{--tw-translate-y:calc(var(--spacing) * -8);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-\[50\%\]{--tw-translate-y:calc(50% * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0\!{--tw-translate-y:calc(var(--spacing) * 0)!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.translate-y-0\.5{--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-2{--tw-translate-y:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-2\.5{--tw-translate-y:calc(var(--spacing) * 2.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-10px\]{--tw-translate-y:-10px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-12px\]{--tw-translate-y:-12px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-240px\]{--tw-translate-y:-240px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[0px\]{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[20px\]{--tw-translate-y:20px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[40px\]{--tw-translate-y:40px;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-50{--tw-scale-x:50%;--tw-scale-y:50%;--tw-scale-z:50%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-150{--tw-scale-x:150%;--tw-scale-y:150%;--tw-scale-z:150%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-y-\[-1\]{--tw-scale-y:-1;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-\[1\.1\]{scale:1.1}.-rotate-45{rotate:-45deg}.-rotate-90{rotate:-90deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-auto\!{cursor:auto!important}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-default\!{cursor:default!important}.cursor-ew-resize{cursor:ew-resize}.cursor-grab{cursor:grab}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-not-allowed\!{cursor:not-allowed!important}.cursor-ns-resize{cursor:ns-resize}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.resize{resize:both}.resize-none{resize:none}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-flow-col{grid-auto-flow:column}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-1\!{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-\[1fr\,2\.5rem\]{grid-template-columns:1fr,2.5rem}.grid-cols-\[1fr\]{grid-template-columns:1fr}.grid-cols-\[1fr_1fr\]{grid-template-columns:1fr 1fr}.grid-cols-\[1fr_32px\]{grid-template-columns:1fr 32px}.grid-cols-\[1fr_92px_64px\]{grid-template-columns:1fr 92px 64px}.grid-cols-\[1fr_96px\]{grid-template-columns:1fr 96px}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.grid-cols-\[1fr_calc\(var\(--spacing\)\*9\)\]{grid-template-columns:1fr calc(var(--spacing) * 9)}.grid-cols-\[1fr_minmax\(180px\,auto\)_36px\]{grid-template-columns:1fr minmax(180px,auto) 36px}.grid-cols-\[24px_1fr\]{grid-template-columns:24px 1fr}.grid-cols-\[54px_1fr\]{grid-template-columns:54px 1fr}.grid-cols-\[96px_1fr\]{grid-template-columns:96px 1fr}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.grid-cols-\[auto_1fr_auto\]{grid-template-columns:auto 1fr auto}.grid-cols-\[auto_24px\]{grid-template-columns:auto 24px}.grid-cols-\[auto_minmax\(auto\,max-content\)\]{grid-template-columns:auto minmax(auto,max-content)}.grid-cols-\[auto_minmax\(auto\,max-content\)\]\!{grid-template-columns:auto minmax(auto,max-content)!important}.grid-cols-\[calc\(50\%-4px\)_calc\(50\%-4px\)\]{grid-template-columns:calc(50% - 4px) calc(50% - 4px)}.grid-cols-\[repeat\(auto-fit\,minmax\(0\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.grid-cols-\[repeat\(auto-fit\,minmax\(400px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-\[44px_minmax\(0\,1fr\)_60px\]{grid-template-rows:44px minmax(0,1fr) 60px}.grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.grid-rows-\[auto_1fr_auto\]{grid-template-rows:auto 1fr auto}.grid-rows-\[auto_auto_1fr_auto\]{grid-template-rows:auto auto 1fr auto}.grid-rows-\[minmax\(0\,1fr\)_84px\]{grid-template-rows:minmax(0,1fr) 84px}.grid-rows-subgrid{grid-template-rows:subgrid}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.place-items-center{place-items:center}.content-baseline{align-content:baseline}.content-center{align-content:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-between\!{justify-content:space-between!important}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-evenly{justify-content:space-evenly}.justify-start{justify-content:flex-start}.justify-stretch{justify-content:stretch}.gap-0{gap:calc(var(--spacing) * 0)}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-9{gap:calc(var(--spacing) * 9)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-11{gap:calc(var(--spacing) * 11)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-14{gap:calc(var(--spacing) * 14)}.gap-15{gap:calc(var(--spacing) * 15)}.gap-16{gap:calc(var(--spacing) * 16)}.gap-20{gap:calc(var(--spacing) * 20)}.gap-24{gap:calc(var(--spacing) * 24)}.gap-\[3px\]{gap:3px}.gap-\[4px\]{gap:4px}.gap-\[5px\]{gap:5px}.gap-\[8px\]{gap:8px}.gap-\[16px\]{gap:16px}.gap-\[84px\]{gap:84px}.gap-\[90px\]{gap:90px}.gap-px{gap:1px}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-0{column-gap:calc(var(--spacing) * 0)}.gap-x-0\.5{column-gap:calc(var(--spacing) * .5)}.gap-x-1{column-gap:calc(var(--spacing) * 1)}.gap-x-1\.5{column-gap:calc(var(--spacing) * 1.5)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-2\.5{column-gap:calc(var(--spacing) * 2.5)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-x-7{column-gap:calc(var(--spacing) * 7)}.gap-x-8{column-gap:calc(var(--spacing) * 8)}.gap-x-9{column-gap:calc(var(--spacing) * 9)}.gap-x-10{column-gap:calc(var(--spacing) * 10)}.gap-x-11{column-gap:calc(var(--spacing) * 11)}.gap-x-12{column-gap:calc(var(--spacing) * 12)}.gap-x-14{column-gap:calc(var(--spacing) * 14)}.gap-x-16{column-gap:calc(var(--spacing) * 16)}.gap-x-20{column-gap:calc(var(--spacing) * 20)}.gap-x-24{column-gap:calc(var(--spacing) * 24)}.gap-x-\[9px\]{column-gap:9px}.gap-y-0{row-gap:calc(var(--spacing) * 0)}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.gap-y-1{row-gap:calc(var(--spacing) * 1)}.gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-2\.5{row-gap:calc(var(--spacing) * 2.5)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.gap-y-5{row-gap:calc(var(--spacing) * 5)}.gap-y-6{row-gap:calc(var(--spacing) * 6)}.gap-y-7{row-gap:calc(var(--spacing) * 7)}.gap-y-8{row-gap:calc(var(--spacing) * 8)}.gap-y-9{row-gap:calc(var(--spacing) * 9)}.gap-y-10{row-gap:calc(var(--spacing) * 10)}.gap-y-11{row-gap:calc(var(--spacing) * 11)}.gap-y-12{row-gap:calc(var(--spacing) * 12)}.gap-y-14{row-gap:calc(var(--spacing) * 14)}.gap-y-15{row-gap:calc(var(--spacing) * 15)}.gap-y-16{row-gap:calc(var(--spacing) * 16)}.gap-y-20{row-gap:calc(var(--spacing) * 20)}.gap-y-24{row-gap:calc(var(--spacing) * 24)}.gap-y-\[3px\]{row-gap:3px}.gap-y-\[5px\]{row-gap:5px}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-solid>:not(:last-child)){--tw-border-style:solid;border-style:solid}:where(.divide-gray-200>:not(:last-child)){border-color:var(--piano-gray-200)}.place-self-center{place-self:center}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.\[justify-self\:anchor-center\]{justify-self:anchor-center}.justify-self-center{justify-self:center}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.truncate\!{text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important}.\!overflow-hidden{overflow:hidden!important}.overflow-auto{overflow:auto}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-visible{overflow:visible}.overflow-visible\!{overflow:visible!important}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-x-scroll{overflow-x:scroll}.overflow-x-visible{overflow-x:visible}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-scroll{overflow-y:scroll}.\!rounded-\[6px\]{border-radius:6px!important}.rounded-2{border-radius:var(--radius-2)}.rounded-4{border-radius:var(--radius-4)}.rounded-6{border-radius:var(--radius-6)}.rounded-8{border-radius:var(--radius-8)}.rounded-8\!{border-radius:var(--radius-8)!important}.rounded-12{border-radius:var(--radius-12)}.rounded-16{border-radius:var(--radius-16)}.rounded-\[3px\]{border-radius:3px}.rounded-\[5px\]{border-radius:5px}.rounded-\[7px\]{border-radius:7px}.rounded-\[10px\]{border-radius:10px}.rounded-\[14px\]{border-radius:14px}.rounded-\[15px\]{border-radius:15px}.rounded-\[16px\]{border-radius:16px}.rounded-\[20px\]{border-radius:20px}.rounded-\[24px\]{border-radius:24px}.rounded-\[40px\]{border-radius:40px}.rounded-\[46px\]{border-radius:46px}.rounded-\[50\%\]{border-radius:50%}.rounded-full{border-radius:3.40282e38px}.rounded-full\!{border-radius:3.40282e38px!important}.rounded-none{border-radius:0}.rounded-none\!{border-radius:0!important}.rounded-t-6{border-top-left-radius:var(--radius-6);border-top-right-radius:var(--radius-6)}.rounded-t-8{border-top-left-radius:var(--radius-8);border-top-right-radius:var(--radius-8)}.rounded-t-\[5px\]{border-top-left-radius:5px;border-top-right-radius:5px}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-tl-2{border-top-left-radius:var(--radius-2)}.rounded-tl-\[5px\]{border-top-left-radius:5px}.rounded-tl-none{border-top-left-radius:0}.rounded-r-6{border-top-right-radius:var(--radius-6);border-bottom-right-radius:var(--radius-6)}.rounded-tr-\[5px\]{border-top-right-radius:5px}.rounded-b-6{border-bottom-right-radius:var(--radius-6);border-bottom-left-radius:var(--radius-6)}.rounded-b-8{border-bottom-right-radius:var(--radius-8);border-bottom-left-radius:var(--radius-8)}.rounded-br-2{border-bottom-right-radius:var(--radius-2)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-1{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-x-1{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t,.border-t-1{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-b-0\!{border-bottom-style:var(--tw-border-style)!important;border-bottom-width:0!important}.border-b-1{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-3{border-bottom-style:var(--tw-border-style);border-bottom-width:3px}.border-b-\[0px\]\!{border-bottom-style:var(--tw-border-style)!important;border-bottom-width:0!important}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-\(--color-border\){border-color:var(--color-border)}.border-\(--color-border-on-inverse\){border-color:var(--color-border-on-inverse)}.border-\(--color-surface-inverse\){border-color:var(--color-surface-inverse)}.border-\(--editor-black-10\){border-color:var(--editor-black-10)}.border-\(--editor-black-20\){border-color:var(--editor-black-20)}.border-\(--piano-gray-100\){border-color:var(--piano-gray-100)}.border-\(--shadow-color-0\){border-color:var(--shadow-color-0)}.border-\(--shadow-color-1\){border-color:var(--shadow-color-1)}.border-\(--shadow-color-2\){border-color:var(--shadow-color-2)}.border-\(--text-color-2\){border-color:var(--text-color-2)}.border-\[\#64DC4780\]\!{border-color:#64dc4780!important}.border-\[\#F2780280\]\!{border-color:#f2780280!important}.border-\[\#ededed\]{border-color:#ededed}.border-\[\#ff80d0\]{border-color:#ff80d0}.border-\[rgba\(0\,0\,0\,0\.1\)\]{border-color:#0000001a}.border-\[rgba\(0\,0\,0\,0\.05\)\]{border-color:#0000000d}.border-black{border-color:var(--color-black)}.border-blue-300{border-color:var(--piano-blue-300)}.border-blue-500{border-color:var(--piano-blue-500)}.border-blue-600{border-color:var(--piano-blue-600)}.border-condition-appear-border\!{border-color:var(--color-condition-appear-border)!important}.border-condition-hover-border\!{border-color:var(--color-condition-hover-border)!important}.border-condition-mini-border\!{border-color:var(--color-condition-mini-border)!important}.border-condition-mobile-border\!{border-color:var(--color-condition-mobile-border)!important}.border-condition-scroll-border\!{border-color:var(--color-condition-scroll-border)!important}.border-condition-small-border\!{border-color:var(--color-condition-small-border)!important}.border-condition-tablet-border\!{border-color:var(--color-condition-tablet-border)!important}.border-const-blue-500{border-color:var(--color-const-blue-500)}.border-const-gray-100{border-color:var(--color-const-gray-100)}.border-const-gray-200{border-color:var(--color-const-gray-200)}.border-const-gray-300{border-color:var(--color-const-gray-300)}.border-const-red-500{border-color:var(--color-const-red-500)}.border-const-white{border-color:var(--color-const-white)}.border-const-yellow-500{border-color:var(--color-const-yellow-500)}.border-current{border-color:currentColor}.border-editor-black-10{border-color:var(--color-editor-black-10)}.border-gray-50{border-color:var(--piano-gray-50)}.border-gray-100{border-color:var(--piano-gray-100)}.border-gray-200{border-color:var(--piano-gray-200)}.border-gray-300{border-color:var(--piano-gray-300)}.border-gray-400{border-color:var(--piano-gray-400)}.border-gray-500{border-color:var(--piano-gray-500)}.border-gray-800{border-color:var(--piano-gray-800)}.border-green-600{border-color:var(--piano-green-600)}.border-red-100{border-color:var(--piano-red-100)}.border-red-300{border-color:var(--piano-red-300)}.border-red-500{border-color:var(--piano-red-500)}.border-red-700{border-color:var(--piano-red-700)}.border-transparent{border-color:#0000}.color-border{border-color:var(--color-border)}.color-border\!{border-color:var(--color-border)!important}.color-border-accent{border-color:var(--color-border-accent)}.color-border-danger{border-color:var(--color-border-danger)}.color-border-danger\!{border-color:var(--color-border-danger)!important}.color-border-danger-light{border-color:var(--color-border-danger-light)}.color-border-inverse{border-color:var(--color-border-inverse)}.color-border-secondary{border-color:var(--color-border-secondary)}.color-border-strong{border-color:var(--color-border-strong)}.color-border-warning{border-color:var(--color-border-warning)}.border-t-transparent{border-top-color:#0000}.border-b-\(--shadow-color-1\){border-bottom-color:var(--shadow-color-1)}.border-b-editor-black-10{border-bottom-color:var(--color-editor-black-10)}.border-b-gray-100{border-bottom-color:var(--piano-gray-100)}.\!color-surface-inverse-disabled{background-color:var(--color-surface-inverse-disabled)!important}.\!color-surface-secondary{background-color:var(--color-surface-secondary)!important}.bg-\(--base-color-1\){background-color:var(--base-color-1)}.bg-\(--color-border\){background-color:var(--color-border)}.bg-\(--color-border-inverse\){background-color:var(--color-border-inverse)}.bg-\(--color-border-secondary\){background-color:var(--color-border-secondary)}.bg-\(--color-border-strong\){background-color:var(--color-border-strong)}.bg-\(--color-surface-secondary\){background-color:var(--color-surface-secondary)}.bg-\(--editor-bg\){background-color:var(--editor-bg)}.bg-\(--editor-black-5\){background-color:var(--editor-black-5)}.bg-\(--piano-const-gray-100\){background-color:var(--piano-const-gray-100)}.bg-\(--piano-const-gray-400\){background-color:var(--piano-const-gray-400)}.bg-\(--piano-const-white\){background-color:var(--piano-const-white)}.bg-\(--piano-unchange-white\){background-color:var(--piano-unchange-white)}.bg-\(--piano-white\){background-color:var(--piano-white)}.bg-\(--shadow-color-0\){background-color:var(--shadow-color-0)}.bg-\(--shadow-color-1\){background-color:var(--shadow-color-1)}.bg-\[\#00dd66\]{background-color:#0d6}.bg-\[\#00dd6745\]{background-color:#00dd6745}.bg-\[\#10b981\]{background-color:#10b981}.bg-\[\#26d6f5\]{background-color:#26d6f5}.bg-\[\#26d6f5\]\!{background-color:#26d6f5!important}.bg-\[\#00000032\]{background-color:#00000032}.bg-\[\#64DC471F\]\!{background-color:#64dc471f!important}.bg-\[\#0071ff\]{background-color:#0071ff}.bg-\[\#80e217\]{background-color:#80e217}.bg-\[\#666666\]{background-color:#666}.bg-\[\#EA3EB9\]{background-color:#ea3eb9}.bg-\[\#EBF2FF\]{background-color:#ebf2ff}.bg-\[\#EEF9FF\]{background-color:#eef9ff}.bg-\[\#EFEFEF\]{background-color:#efefef}.bg-\[\#F5F5F5\]{background-color:#f5f5f5}.bg-\[\#F278021F\]\!{background-color:#f278021f!important}.bg-\[\#df2020\]{background-color:#df2020}.bg-\[\#e5f0ff\]{background-color:#e5f0ff}.bg-\[\#ff80d0\]{background-color:#ff80d0}.bg-\[\#ffffff\]{background-color:#fff}.bg-\[rgb\(18\,222\,191\)\]{background-color:#12debf}.bg-\[rgb\(50\,225\,20\)\]{background-color:#32e114}.bg-\[rgb\(117\,127\,147\)\]{background-color:#757f93}.bg-\[rgb\(242\,120\,13\)\]{background-color:#f2780d}.bg-\[rgb\(255\,61\,135\)\]{background-color:#ff3d87}.bg-\[rgba\(0\,0\,0\,0\.1\)\]{background-color:#0000001a}.bg-\[rgba\(0\,0\,0\,0\.2\)\]{background-color:#0003}.bg-\[rgba\(0\,113\,255\,1\)\]{background-color:#0071ff}.bg-\[rgba\(51\,126\,255\,0\.1\)\]{background-color:#337eff1a}.bg-\[rgba\(51\,126\,255\,0\.05\)\]{background-color:#337eff0d}.bg-\[rgba\(249\,249\,249\,0\.9\)\]{background-color:#f9f9f9e6}.bg-alpha-40{background-color:var(--color-alpha-40)}.bg-black{background-color:var(--color-black)}.bg-blue-50{background-color:var(--piano-blue-50)}.bg-blue-100{background-color:var(--piano-blue-100)}.bg-blue-200{background-color:var(--piano-blue-200)}.bg-blue-400{background-color:var(--piano-blue-400)}.bg-blue-500{background-color:var(--piano-blue-500)}.bg-blue-600{background-color:var(--piano-blue-600)}.bg-condition-appear-bg\!{background-color:var(--color-condition-appear-bg)!important}.bg-condition-hover-bg\!{background-color:var(--color-condition-hover-bg)!important}.bg-condition-mini-bg\!{background-color:var(--color-condition-mini-bg)!important}.bg-condition-mobile-bg\!{background-color:var(--color-condition-mobile-bg)!important}.bg-condition-scroll-bg{background-color:var(--color-condition-scroll-bg)}.bg-condition-scroll-bg\!{background-color:var(--color-condition-scroll-bg)!important}.bg-condition-scroll-bg-active{background-color:var(--color-condition-scroll-bg-active)}.bg-condition-small-bg\!{background-color:var(--color-condition-small-bg)!important}.bg-condition-tablet-bg\!{background-color:var(--color-condition-tablet-bg)!important}.bg-const-black{background-color:var(--color-const-black)}.bg-const-gray-50{background-color:var(--color-const-gray-50)}.bg-const-gray-200{background-color:var(--color-const-gray-200)}.bg-const-gray-300{background-color:var(--color-const-gray-300)}.bg-const-red-50{background-color:var(--color-const-red-50)}.bg-const-red-500{background-color:var(--color-const-red-500)}.bg-const-white{background-color:var(--color-const-white)}.bg-const-yellow-50{background-color:var(--color-const-yellow-50)}.bg-editor-black-5{background-color:var(--color-editor-black-5)}.bg-editor-black-10{background-color:var(--color-editor-black-10)}.bg-gray-50{background-color:var(--piano-gray-50)}.bg-gray-100{background-color:var(--piano-gray-100)}.bg-gray-100\!{background-color:var(--piano-gray-100)!important}.bg-gray-200{background-color:var(--piano-gray-200)}.bg-gray-300,.bg-gray-300\/80{background-color:var(--piano-gray-300)}@supports (color:color-mix(in lab, red, red)){.bg-gray-300\/80{background-color:color-mix(in oklab, var(--piano-gray-300) 80%, transparent)}}.bg-gray-400{background-color:var(--piano-gray-400)}.bg-gray-500{background-color:var(--piano-gray-500)}.bg-gray-600{background-color:var(--piano-gray-600)}.bg-gray-800{background-color:var(--piano-gray-800)}.bg-gray-900{background-color:var(--piano-gray-900)}.bg-green-50{background-color:var(--piano-green-50)}.bg-green-100{background-color:var(--piano-green-100)}.bg-green-500{background-color:var(--piano-green-500)}.bg-green-600{background-color:var(--piano-green-600)}.bg-modal-backdrop{background-color:var(--color-modal-backdrop)}.bg-orange-50{background-color:var(--piano-orange-50)}.bg-orange-100{background-color:var(--piano-orange-100)}.bg-orange-500{background-color:var(--piano-orange-500)}.bg-purple-100{background-color:var(--piano-purple-100)}.bg-purple-500{background-color:var(--piano-purple-500)}.bg-red-50{background-color:var(--piano-red-50)}.bg-red-50\!{background-color:var(--piano-red-50)!important}.bg-red-100{background-color:var(--piano-red-100)}.bg-red-200{background-color:var(--piano-red-200)}.bg-red-500{background-color:var(--piano-red-500)}.bg-red-600{background-color:var(--piano-red-600)}.bg-transparent{background-color:#0000}.bg-transparent\!{background-color:#0000!important}.bg-white,.bg-white\/80{background-color:var(--color-white)}@supports (color:color-mix(in lab, red, red)){.bg-white\/80{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-300{background-color:var(--color-yellow-300)}.bg-yellow-500{background-color:var(--color-yellow-500)}.color-bg{background-color:var(--color-bg)}.color-bg-brand-tertiary{background-color:var(--color-bg-brand-tertiary)}.color-surface{background-color:var(--color-surface)}.color-surface\!{background-color:var(--color-surface)!important}.color-surface-accent{background-color:var(--color-surface-accent)}.color-surface-accent-light{background-color:var(--color-surface-accent-light)}.color-surface-accent-light\!{background-color:var(--color-surface-accent-light)!important}.color-surface-danger{background-color:var(--color-surface-danger)}.color-surface-danger-light{background-color:var(--color-surface-danger-light)}.color-surface-disabled{background-color:var(--color-surface-disabled)}.color-surface-hover{background-color:var(--color-surface-hover)}.color-surface-inverse{background-color:var(--color-surface-inverse)}.color-surface-inverse\!{background-color:var(--color-surface-inverse)!important}.color-surface-inverse-disabled{background-color:var(--color-surface-inverse-disabled)}.color-surface-inverse-secondary{background-color:var(--color-surface-inverse-secondary)}.color-surface-secondary{background-color:var(--color-surface-secondary)}.color-surface-secondary\!{background-color:var(--color-surface-secondary)!important}.color-surface-success{background-color:var(--color-surface-success)}.color-surface-success-light{background-color:var(--color-surface-success-light)}.color-surface-tertiary{background-color:var(--color-surface-tertiary)}.color-surface-tertiary\!{background-color:var(--color-surface-tertiary)!important}.color-surface-warning-light{background-color:var(--color-surface-warning-light)}.bg-linear-to-b{--tw-gradient-position:to bottom}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-b{--tw-gradient-position:to bottom in oklab}}.bg-linear-to-b{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[url\(\'\@\/assets\/icons\/i-20-warning\.svg\'\)\]{background-image:url(/assets/i-20-warning-Bn3CKf8T.svg)}.bg-\[url\(\'\@\/assets\/images\/default-video-img\.png\'\)\]{background-image:url(/assets/default-video-img-PzpMnLtW.png)}.bg-\[url\(\'https\:\/\/storage\.googleapis\.com\/studio-front\/default-img\.png\'\)\]{background-image:url(https://storage.googleapis.com/studio-front/default-img.png)}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-white{--tw-gradient-to:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-contain{background-size:contain}.bg-cover{background-size:cover}.bg-size-\[100\%_100\%\]{background-size:100% 100%}.bg-size-\[108\%\]{background-size:108%}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.mask-repeat{mask-repeat:repeat}.color-icon{fill:var(--color-icon)}.color-icon-accent{fill:var(--color-icon-accent)}.color-icon-danger{fill:var(--color-icon-danger)}.color-icon-disabled{fill:var(--color-icon-disabled)}.color-icon-inverse{fill:var(--color-icon-inverse)}.color-icon-inverse\!{fill:var(--color-icon-inverse)!important}.color-icon-loading{fill:var(--color-icon-loading)}.color-icon-on-accent{fill:var(--color-icon-on-accent)}.color-icon-secondary{fill:var(--color-icon-secondary)}.color-icon-success{fill:var(--color-icon-success)}.color-icon-tertiary{fill:var(--color-icon-tertiary)}.color-icon-warning{fill:var(--color-icon-warning)}.fill-\(--color-icon\){fill:var(--color-icon)}.fill-\(--editor-black-40\){fill:var(--editor-black-40)}.fill-black{fill:var(--color-black)}.fill-blue-600{fill:var(--piano-blue-600)}.fill-const-white{fill:var(--color-const-white)}.fill-current{fill:currentColor}.fill-gray-300{fill:var(--piano-gray-300)}.fill-gray-500{fill:var(--piano-gray-500)}.fill-gray-600{fill:var(--piano-gray-600)}.fill-gray-700{fill:var(--piano-gray-700)}.fill-gray-900{fill:var(--piano-gray-900)}.fill-green-600{fill:var(--piano-green-600)}.fill-none{fill:none}.fill-transparent{fill:#0000}.fill-white{fill:var(--color-white)}.stroke-gray-400{stroke:var(--piano-gray-400)}.stroke-none{stroke:none}.stroke-transparent{stroke:#0000}.stroke-\[1\.5\]{stroke-width:1.5px}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-scale-down{object-fit:scale-down}.object-center{object-position:center}.\!p-0{padding:calc(var(--spacing) * 0)!important}.\!p-2{padding:calc(var(--spacing) * 2)!important}.\!p-\[4px\]{padding:4px!important}.\!p-\[8px\]{padding:8px!important}.p-0{padding:calc(var(--spacing) * 0)}.p-0\!{padding:calc(var(--spacing) * 0)!important}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\!{padding:calc(var(--spacing) * 2)!important}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.p-16{padding:calc(var(--spacing) * 16)}.p-\[3px\]{padding:3px}.p-\[9px\]{padding:9px}.p-\[20px\]{padding:20px}.p-\[33px_24px_28px_20px\]{padding:33px 24px 28px 20px}.p-\[100px\]{padding:100px}.p-px{padding:1px}.\!px-3{padding-inline:calc(var(--spacing) * 3)!important}.\!px-\[8px\]{padding-inline:8px!important}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-0\.5\!{padding-inline:calc(var(--spacing) * .5)!important}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-1\.25{padding-inline:calc(var(--spacing) * 1.25)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\!{padding-inline:calc(var(--spacing) * 2)!important}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\!{padding-inline:calc(var(--spacing) * 3)!important}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-3\.5\!{padding-inline:calc(var(--spacing) * 3.5)!important}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-4\!{padding-inline:calc(var(--spacing) * 4)!important}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-6\!{padding-inline:calc(var(--spacing) * 6)!important}.px-7{padding-inline:calc(var(--spacing) * 7)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-9{padding-inline:calc(var(--spacing) * 9)}.px-10{padding-inline:calc(var(--spacing) * 10)}.px-18{padding-inline:calc(var(--spacing) * 18)}.px-\[3px\]{padding-inline:3px}.px-\[5px\]{padding-inline:5px}.px-\[8px\]{padding-inline:8px}.px-\[16px\]{padding-inline:16px}.px-\[18px\]{padding-inline:18px}.px-\[24px\]{padding-inline:24px}.px-\[50px\]{padding-inline:50px}.px-\[max\(40px\,calc\(\(100vw-var\(--project-list-sidebar-width\)-var\(--project-list-content-max-width\)\)\/2\)\)\]{padding-inline:max(40px, calc((100vw - var(--project-list-sidebar-width) - var(--project-list-content-max-width)) / 2))}.px-px{padding-inline:1px}.\!py-0{padding-block:calc(var(--spacing) * 0)!important}.\!py-\[8px\]{padding-block:8px!important}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-2\.25{padding-block:calc(var(--spacing) * 2.25)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-7{padding-block:calc(var(--spacing) * 7)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-24{padding-block:calc(var(--spacing) * 24)}.py-\[0\.5px\]{padding-block:.5px}.py-\[1\.5px\]{padding-block:1.5px}.py-\[2\.5px\]{padding-block:2.5px}.py-\[2px\]{padding-block:2px}.py-\[3px\]{padding-block:3px}.py-\[4px\]{padding-block:4px}.py-\[5px\]{padding-block:5px}.py-\[7px\]{padding-block:7px}.py-\[9px\]{padding-block:9px}.py-\[10px\]{padding-block:10px}.py-\[13px\]{padding-block:13px}.py-\[20px\]{padding-block:20px}.py-\[50px\]{padding-block:50px}.py-px{padding-block:1px}.\!pt-0{padding-top:calc(var(--spacing) * 0)!important}.\!pt-\[8px\]{padding-top:8px!important}.\!pt-\[10px\]{padding-top:10px!important}.pt-0\!{padding-top:calc(var(--spacing) * 0)!important}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-1\.5\!{padding-top:calc(var(--spacing) * 1.5)!important}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-3\.5{padding-top:calc(var(--spacing) * 3.5)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-7{padding-top:calc(var(--spacing) * 7)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pt-\[5px\]{padding-top:5px}.pt-\[120px\]{padding-top:120px}.pt-\[132px\]{padding-top:132px}.pt-px{padding-top:1px}.pr-0{padding-right:calc(var(--spacing) * 0)}.pr-0\.5{padding-right:calc(var(--spacing) * .5)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-1\.5{padding-right:calc(var(--spacing) * 1.5)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-3\!{padding-right:calc(var(--spacing) * 3)!important}.pr-3\.5{padding-right:calc(var(--spacing) * 3.5)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-5{padding-right:calc(var(--spacing) * 5)}.pr-6{padding-right:calc(var(--spacing) * 6)}.pr-7{padding-right:calc(var(--spacing) * 7)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-8\!{padding-right:calc(var(--spacing) * 8)!important}.pr-9{padding-right:calc(var(--spacing) * 9)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-\[3px\]{padding-right:3px}.pr-\[5ch\]{padding-right:5ch}.pr-\[5px\]{padding-right:5px}.\!pb-0{padding-bottom:calc(var(--spacing) * 0)!important}.\!pb-2{padding-bottom:calc(var(--spacing) * 2)!important}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.pb-0\!{padding-bottom:calc(var(--spacing) * 0)!important}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-2\!{padding-bottom:calc(var(--spacing) * 2)!important}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pb-\[15px\]{padding-bottom:15px}.pb-\[88px\]{padding-bottom:88px}.pb-\[100px\]{padding-bottom:100px}.pb-\[120px\]{padding-bottom:120px}.pb-\[128px\]{padding-bottom:128px}.pb-\[144px\]{padding-bottom:144px}.pb-\[180px\]{padding-bottom:180px}.pl-0{padding-left:calc(var(--spacing) * 0)}.pl-0\.5{padding-left:calc(var(--spacing) * .5)}.pl-1{padding-left:calc(var(--spacing) * 1)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-3\.5{padding-left:calc(var(--spacing) * 3.5)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-4\!{padding-left:calc(var(--spacing) * 4)!important}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-7{padding-left:calc(var(--spacing) * 7)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-10{padding-left:calc(var(--spacing) * 10)}.pl-11{padding-left:calc(var(--spacing) * 11)}.pl-\[3px\]{padding-left:3px}.pl-\[9px\]{padding-left:9px}.pl-\[20px\]{padding-left:20px}.pl-\[30px\]{padding-left:30px}.text-center{text-align:center}.text-end{text-align:end}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.text-start{text-align:start}.indent-\[100\%\]{text-indent:100%}.align-\[-2px\]{vertical-align:-2px}.align-bottom{vertical-align:bottom}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.typography-ui-10-bold{font-family:var(--font-default);font-size:10px;font-weight:700;line-height:16px}.typography-ui-10-regular{font-family:var(--font-default);font-size:10px;font-weight:400;line-height:16px}.typography-ui-10-regular\!{font-family:var(--font-default)!important;font-size:10px!important;font-weight:400!important;line-height:16px!important}.typography-ui-11-bold{font-family:var(--font-default);font-size:11px;font-weight:700;line-height:16px}.typography-ui-11-regular{font-family:var(--font-default);font-size:11px;font-weight:400;line-height:16px}.typography-ui-11-regular\!{font-family:var(--font-default)!important;font-size:11px!important;font-weight:400!important;line-height:16px!important}.typography-ui-12-bold{font-family:var(--font-default);font-size:12px;font-weight:700;line-height:16px}.typography-ui-12-regular{font-family:var(--font-default);font-size:12px;font-weight:400;line-height:16px}.typography-ui-12-regular\!{font-family:var(--font-default)!important;font-size:12px!important;font-weight:400!important;line-height:16px!important}.typography-ui-13-bold{font-family:var(--font-default);font-size:13px;font-weight:700;line-height:16px}.typography-ui-13-regular{font-family:var(--font-default);font-size:13px;font-weight:400;line-height:16px}.typography-ui-14-bold{font-family:var(--font-default);font-size:14px;font-weight:700;line-height:24px}.typography-ui-14-regular{font-family:var(--font-default);font-size:14px;font-weight:400;line-height:24px}.typography-ui-16-bold{font-family:var(--font-default);font-size:16px;font-weight:700;line-height:24px}.typography-ui-16-regular{font-family:var(--font-default);font-size:16px;font-weight:400;line-height:24px}.typography-ui-18-bold{font-family:var(--font-default);font-size:18px;font-weight:700;line-height:24px}.typography-ui-18-regular{font-family:var(--font-default);font-size:18px;font-weight:400;line-height:24px}.typography-ui-24-bold{font-family:var(--font-default);font-size:24px;font-weight:700;line-height:32px}.typography-ui-32-bold{font-family:var(--font-default);font-size:32px;font-weight:700;line-height:40px}.typography-ui-40-bold{font-family:var(--font-default);font-size:40px;font-weight:700;line-height:56px}.font-\[Lato\]{font-family:Lato}.font-default{font-family:var(--font-default)}.font-menlo{font-family:var(--font-menlo)}.font-positive{font-family:var(--font-positive)}.heading-lg{font-size:32px;font-weight:700;line-height:46px}.heading-lg\!{font-size:32px!important;font-weight:700!important;line-height:46px!important}.heading-md{font-size:24px;font-weight:700;line-height:34px}.heading-md\!{font-size:24px!important;font-weight:700!important;line-height:34px!important}.heading-sm{font-size:18px;font-weight:700;line-height:26px}.heading-xl{font-size:48px;font-weight:700;line-height:68px}.heading-xs{font-size:16px;font-weight:700;line-height:22px}.text-\[15px\]\/5{font-size:15px;line-height:calc(var(--spacing) * 5)}.text-\[36px\]\/9{font-size:36px;line-height:calc(var(--spacing) * 9)}.text-heading-sm{font-size:var(--text-heading-sm);line-height:var(--tw-leading,var(--text-heading-sm--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-md{font-size:var(--text-md);line-height:var(--tw-leading,var(--text-md--line-height))}.text-md\/4{font-size:var(--text-md);line-height:calc(var(--spacing) * 4)}.text-md\/5{font-size:var(--text-md);line-height:calc(var(--spacing) * 5)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\/4{font-size:var(--text-sm);line-height:calc(var(--spacing) * 4)}.text-sm\/5{font-size:var(--text-sm);line-height:calc(var(--spacing) * 5)}.text-sm\/normal{font-size:var(--text-sm);line-height:var(--leading-normal)}.text-sm2{font-size:var(--text-sm2);line-height:var(--tw-leading,var(--text-sm2--line-height))}.text-sm2\/4{font-size:var(--text-sm2);line-height:calc(var(--spacing) * 4)}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-xs\!{font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}.text-xs\/3{font-size:var(--text-xs);line-height:calc(var(--spacing) * 3)}.text-xs\/4{font-size:var(--text-xs);line-height:calc(var(--spacing) * 4)}.text-xs2{font-size:var(--text-xs2);line-height:var(--tw-leading,var(--text-xs2--line-height))}.text-\[6px\]{font-size:6px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[13px\]\!{font-size:13px!important}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[24px\]{font-size:24px}.text-\[28px\]{font-size:28px}.text-\[50px\]{font-size:50px}.leading-3{--tw-leading:calc(var(--spacing) * 3);line-height:calc(var(--spacing) * 3)}.leading-3\.5{--tw-leading:calc(var(--spacing) * 3.5);line-height:calc(var(--spacing) * 3.5)}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-\[1\.8\]{--tw-leading:1.8;line-height:1.8}.leading-\[13px\]{--tw-leading:13px;line-height:13px}.leading-\[15px\]{--tw-leading:15px;line-height:15px}.leading-\[25px\]{--tw-leading:25px;line-height:25px}.leading-\[26px\]{--tw-leading:26px;line-height:26px}.leading-\[30px\]{--tw-leading:30px;line-height:30px}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-normal\!{--tw-font-weight:var(--font-weight-normal)!important;font-weight:var(--font-weight-normal)!important}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-nowrap{text-wrap:nowrap}.text-wrap{text-wrap:wrap}.wrap-break-word{overflow-wrap:break-word}.break-all{word-break:break-all}.break-keep{word-break:keep-all}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.color-text{color:var(--color-text)}.color-text\!{color:var(--color-text)!important}.color-text-accent{color:var(--color-text-accent)}.color-text-accent\!{color:var(--color-text-accent)!important}.color-text-danger{color:var(--color-text-danger)}.color-text-danger\!{color:var(--color-text-danger)!important}.color-text-disabled{color:var(--color-text-disabled)}.color-text-on-accent{color:var(--color-text-on-accent)}.color-text-on-inverse{color:var(--color-text-on-inverse)}.color-text-on-inverse-disabled{color:var(--color-text-on-inverse-disabled)}.color-text-on-inverse-secondary{color:var(--color-text-on-inverse-secondary)}.color-text-secondary{color:var(--color-text-secondary)}.color-text-secondary\!{color:var(--color-text-secondary)!important}.color-text-static-inverse{color:var(--color-text-static-inverse)}.color-text-success{color:var(--color-text-success)}.color-text-tertiary{color:var(--color-text-tertiary)}.color-text-warning{color:var(--color-text-warning)}.text-\(--color-error-main\){color:var(--color-error-main)}.text-\(--color-icon-secondary\){color:var(--color-icon-secondary)}.text-\(--piano-const-white\){color:var(--piano-const-white)}.text-\(--piano-red-400\){color:var(--piano-red-400)}.text-\(--text-color-0\){color:var(--text-color-0)}.text-\(--text-color-1\){color:var(--text-color-1)}.text-\(--text-color-2\){color:var(--text-color-2)}.text-\(--text-color-3\){color:var(--text-color-3)}.text-\(--text-color-4\){color:var(--text-color-4)}.text-\(--text-color-dynamic\){color:var(--text-color-dynamic)}.text-\[\#4C4C4C\]{color:#4c4c4c}.text-\[\#347EFF\]{color:#347eff}.text-\[\#1358BA\]{color:#1358ba}.text-\[\#1475fb\]{color:#1475fb}.text-\[\#666666\]{color:#666}.text-\[\#757575\]{color:#757575}.text-\[\#808080\]{color:gray}.text-\[\#ffffff\]{color:#fff}.text-\[rgba\(51\,126\,255\,1\)\]{color:#337eff}.text-\[white\]{color:#fff}.text-black{color:var(--color-black)}.text-black\!{color:var(--color-black)!important}.text-blue-300{color:var(--piano-blue-300)}.text-blue-400{color:var(--piano-blue-400)}.text-blue-500{color:var(--piano-blue-500)}.text-blue-600{color:var(--piano-blue-600)}.text-blue-700{color:var(--piano-blue-700)}.text-const-black{color:var(--color-const-black)}.text-const-black\!{color:var(--color-const-black)!important}.text-const-gray-400{color:var(--color-const-gray-400)}.text-const-gray-500{color:var(--color-const-gray-500)}.text-const-gray-600{color:var(--color-const-gray-600)}.text-const-gray-800{color:var(--color-const-gray-800)}.text-const-red-500{color:var(--color-const-red-500)}.text-const-red-600{color:var(--color-const-red-600)}.text-const-white{color:var(--color-const-white)}.text-const-yellow-700{color:var(--color-const-yellow-700)}.text-editor-black-40{color:var(--color-editor-black-40)}.text-editor-black-50{color:var(--color-editor-black-50)}.text-gray-100{color:var(--piano-gray-100)}.text-gray-200{color:var(--piano-gray-200)}.text-gray-300{color:var(--piano-gray-300)}.text-gray-400{color:var(--piano-gray-400)}.text-gray-500{color:var(--piano-gray-500)}.text-gray-600{color:var(--piano-gray-600)}.text-gray-600\!{color:var(--piano-gray-600)!important}.text-gray-700{color:var(--piano-gray-700)}.text-gray-700\!{color:var(--piano-gray-700)!important}.text-gray-800{color:var(--piano-gray-800)}.text-gray-900{color:var(--piano-gray-900)}.text-green-400{color:var(--piano-green-400)}.text-green-500{color:var(--piano-green-500)}.text-green-700{color:var(--piano-green-700)}.text-inherit{color:inherit}.text-orange-500{color:var(--piano-orange-500)}.text-orange-600{color:var(--piano-orange-600)}.text-orange-700{color:var(--piano-orange-700)}.text-purple-400{color:var(--piano-purple-400)}.text-purple-500{color:var(--piano-purple-500)}.text-purple-600{color:var(--piano-purple-600)}.text-purple-800{color:var(--piano-purple-800)}.text-red-400{color:var(--piano-red-400)}.text-red-500{color:var(--piano-red-500)}.text-red-600{color:var(--piano-red-600)}.text-red-700{color:var(--piano-red-700)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-white\!{color:var(--color-white)!important}.text-yellow-400{color:var(--color-yellow-400)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-700{color:var(--color-yellow-700)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.underline-offset-1{text-underline-offset:1px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-\(--color-text-tertiary\)::placeholder{color:var(--color-text-tertiary)}.placeholder-gray-600::placeholder{color:var(--piano-gray-600)}.\!opacity-100{opacity:1!important}.opacity-0{opacity:0}.opacity-1{opacity:.01}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-95{opacity:.95}.opacity-100{opacity:1}.shadow-\(--box-shadow-depth-2\){--tw-shadow:var(--box-shadow-depth-2);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-1{--tw-shadow:var(--piano-elevation-shadow-1);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2{--tw-shadow:var(--piano-elevation-shadow-2);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-3{--tw-shadow:var(--piano-elevation-shadow-3);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-4{--tw-shadow:var(--piano-elevation-shadow-4);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-6{--tw-shadow:var(--piano-elevation-shadow-6);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-8{--tw-shadow:var(--piano-elevation-shadow-8);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-12{--tw-shadow:var(--piano-elevation-shadow-12);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-16{--tw-shadow:var(--piano-elevation-shadow-16);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_0_rgba\(255\,128\,208\,0\)\]{--tw-shadow:0 0 0 0 var(--tw-shadow-color,#ff80d000);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_1px_rgba\(0\,0\,0\,0\.1\)_inset\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#0000001a) inset;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_1px_var\(--editor-black-10\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--editor-black-10));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_1px_var\(--shadow-color-0\)\,0_0_10px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--shadow-color-0)), 0 0 10px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_2px_rgba\(0\,0\,0\,0\)\]{--tw-shadow:0 0 0 2px var(--tw-shadow-color,#0000);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_2px_var\(--color-border-accent\)_inset\]{--tw-shadow:0 0 0 2px var(--tw-shadow-color,var(--color-border-accent)) inset;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_5px_var\(--shadow-color-1\)\]{--tw-shadow:0 0 5px var(--tw-shadow-color,var(--shadow-color-1));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.25\)\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_10px_30px_\#00000033\]{--tw-shadow:0 10px 30px var(--tw-shadow-color,#0003);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_-1px_0_0_var\(--color-border\)\]{--tw-shadow:inset 0 -1px 0 0 var(--tw-shadow-color,var(--color-border));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-3{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-\(--focus-outline-color\){--tw-ring-color:var(--focus-outline-color)}.ring-white\/60{--tw-ring-color:var(--color-white)}@supports (color:color-mix(in lab, red, red)){.ring-white\/60{--tw-ring-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.ring-offset-blue-200{--tw-ring-offset-color:var(--piano-blue-200)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.focus-visible-outline:focus-visible,.focus-within-outline:focus-within{outline:3px solid var(--color-outline-focus-ring)}.outline,.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.outline-3{outline-style:var(--tw-outline-style);outline-width:3px}.outline-\[6px\]{outline-style:var(--tw-outline-style);outline-width:6px}.-outline-offset-2{outline-offset:calc(2px * -1)}.-outline-offset-4{outline-offset:calc(4px * -1)}.outline-offset-0{outline-offset:0px}.outline-offset-2{outline-offset:2px}.outline-offset-\[-3px\]{outline-offset:-3px}.outline-\(--focus-outline-color\){outline-color:var(--focus-outline-color)}.outline-blue-100{outline-color:var(--piano-blue-100)}.outline-blue-200{outline-color:var(--piano-blue-200)}.outline-blue-300{outline-color:var(--piano-blue-300)}.outline-blue-600{outline-color:var(--piano-blue-600)}.outline-gray-200{outline-color:var(--piano-gray-200)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-\[20px\]{--tw-backdrop-blur:blur(20px);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[0\.2s_cubic-bezier\(0\.4\,0\.4\,0\,1\)\]{transition-property:.2s cubic-bezier(.4,.4,0,1);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[0\.3s_cubic-bezier\(0\.4\,0\.4\,0\,1\)\]{transition-property:.3s cubic-bezier(.4,.4,0,1);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[0\.4s\]{transition-property:.4s;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color_var\(--piano-hover-animation\)\,box-shadow_var\(--piano-hover-animation\)\]{transition-property:background-color var(--piano-hover-animation),box-shadow var(--piano-hover-animation);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[filter\]{transition-property:filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity_0\.2s_var\(--piano-animation-base-timing\)\]{transition-property:opacity .2s var(--piano-animation-base-timing);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width_0\.3s_var\(--piano-animation-base-timing\)\]{transition-property:width .3s var(--piano-animation-base-timing);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\!transition-none{transition-property:none!important}.transition-none{transition-property:none}.transition-none\!{transition-property:none!important}.duration-75{--tw-duration:75ms;transition-duration:75ms}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-400{--tw-duration:.4s;transition-duration:.4s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-\[0ms\]{--tw-duration:0s;transition-duration:0s}.duration-\[300ms\]{--tw-duration:.3s;transition-duration:.3s}.ease-\(--piano-animation-base-timing\){--tw-ease:var(--piano-animation-base-timing);transition-timing-function:var(--piano-animation-base-timing)}.ease-DEFAULT{--tw-ease:var(--ease-DEFAULT);transition-timing-function:var(--ease-DEFAULT)}.ease-\[cubic-bezier\(0\.4_0\.4_0_1\)\]{--tw-ease:cubic-bezier(.4 .4 0 1);transition-timing-function:cubic-bezier(.4 .4 0 1)}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.outline-solid{--tw-outline-style:solid;outline-style:solid}.select-all{user-select:all}.select-none{user-select:none}.select-text{user-select:text}.\[--color-icon-secondary\:var\(--color-icon-on-accent\)\]{--color-icon-secondary:var(--color-icon-on-accent)}.\[--color-local-icon\:var\(--color-text\)\]{--color-local-icon:var(--color-text)}.\[--field-background-color\:transparent\]{--field-background-color:transparent}.\[transition\:all_var\(--cms-filter-navigation-popover-closing-duration\)_allow-discrete\]{transition:all var(--cms-filter-navigation-popover-closing-duration) allow-discrete}.block-1{block-size:calc(var(--spacing) * 1)}.block-2{block-size:calc(var(--spacing) * 2)}:is(.\*\:border-b>*){border-bottom-style:var(--tw-border-style);border-bottom-width:1px}:is(.\*\:border-solid>*){--tw-border-style:solid;border-style:solid}:is(.\*\:border-gray-100>*){border-color:var(--piano-gray-100)}:is(.\*\*\:pointer-events-none *){pointer-events:none}.not-first\:border-t:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:1px}.group-first\:hidden:is(:where(.group):first-child *){display:none}.group-open\/details\:rotate-180:is(:where(.group\/details):is([open],:popover-open,:open) *){rotate:180deg}.group-open\/details\:brightness-95:is(:where(.group\/details):is([open],:popover-open,:open) *){--tw-brightness:brightness(95%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.group-focus-within\:opacity-100:is(:where(.group):focus-within *){opacity:1}@media (hover:hover){.group-hover\:invisible:is(:where(.group):hover *){visibility:hidden}.group-hover\:visible:is(:where(.group):hover *){visibility:visible}.group-hover\:visible\!:is(:where(.group):hover *){visibility:visible!important}.group-hover\:block:is(:where(.group):hover *){display:block}.group-hover\:flex:is(:where(.group):hover *){display:flex}.group-hover\:hidden:is(:where(.group):hover *){display:none}.group-hover\:translate-x-\[2px\]:is(:where(.group):hover *){--tw-translate-x:2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-\[1\.02\]:is(:where(.group):hover *){scale:1.02}.group-hover\:cursor-pointer:is(:where(.group):hover *){cursor:pointer}.group-hover\:border-2:is(:where(.group):hover *){border-style:var(--tw-border-style);border-width:2px}.group-hover\:border-gray-400:is(:where(.group):hover *){border-color:var(--piano-gray-400)}.group-hover\:bg-\[rgba\(0\,113\,255\,1\)\]:is(:where(.group):hover *){background-color:#0071ff}.group-hover\:bg-gray-50:is(:where(.group):hover *){background-color:var(--piano-gray-50)}.group-hover\:color-icon-accent-hover:is(:where(.group):hover *){fill:var(--color-icon-accent-hover)}.group-hover\:color-icon-inverse:is(:where(.group):hover *){fill:var(--color-icon-inverse)}.group-hover\:font-bold:is(:where(.group):hover *){--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.group-hover\:color-text:is(:where(.group):hover *){color:var(--color-text)}.group-hover\:color-text-accent-hover:is(:where(.group):hover *){color:var(--color-text-accent-hover)}.group-hover\:color-text-on-inverse:is(:where(.group):hover *){color:var(--color-text-on-inverse)}.group-hover\:text-red-600:is(:where(.group):hover *){color:var(--piano-red-600)}.group-hover\:underline:is(:where(.group):hover *){text-decoration-line:underline}.group-hover\:opacity-0:is(:where(.group):hover *){opacity:0}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\:shadow-\[0_0_0_4px_rgba\(255\,128\,208\,0\.2\)\]:is(:where(.group):hover *){--tw-shadow:0 0 0 4px var(--tw-shadow-color,#ff80d033);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-hover\/ariaHidden\:opacity-100\!:is(:where(.group\/ariaHidden):hover *),.group-hover\/ariaLabel\:opacity-100\!:is(:where(.group\/ariaLabel):hover *){opacity:1!important}.group-hover\/delete\:color-surface-hover:is(:where(.group\/delete):hover *){background-color:var(--color-surface-hover)}.group-hover\/description\:opacity-100\!:is(:where(.group\/description):hover *),.group-hover\/embedCode\:opacity-100\!:is(:where(.group\/embedCode):hover *),.group-hover\/embedType\:opacity-100\!:is(:where(.group\/embedType):hover *),.group-hover\/favicon\:opacity-100\!:is(:where(.group\/favicon):hover *),.group-hover\/formname\:opacity-100\!:is(:where(.group\/formname):hover *),.group-hover\/id\:opacity-100\!:is(:where(.group\/id):hover *),.group-hover\/imageAlternate\:opacity-100\!:is(:where(.group\/imageAlternate):hover *){opacity:1!important}.group-hover\/label\:color-surface-tertiary:is(:where(.group\/label):hover *){background-color:var(--color-surface-tertiary)}.group-hover\/language\:opacity-100\!:is(:where(.group\/language):hover *),.group-hover\/noindex\:opacity-100\!:is(:where(.group\/noindex):hover *),.group-hover\/pageVisibility\:opacity-100\!:is(:where(.group\/pageVisibility):hover *),.group-hover\/path\:opacity-100\!:is(:where(.group\/path):hover *),.group-hover\/socialCover\:opacity-100\!:is(:where(.group\/socialCover):hover *),.group-hover\/tag\:opacity-100\!:is(:where(.group\/tag):hover *),.group-hover\/title\:opacity-100\!:is(:where(.group\/title):hover *){opacity:1!important}.group-hover\/url-query\:opacity-0:is(:where(.group\/url-query):hover *){opacity:0}.group-hover\/url-query\:opacity-100:is(:where(.group\/url-query):hover *){opacity:1}}.group-focus-visible\:opacity-100:is(:where(.group):focus-visible *){opacity:1}@media (hover:hover){.group-enabled\:group-hover\:text-red-600:is(:where(.group):enabled *):is(:where(.group):hover *){color:var(--piano-red-600)}}.placeholder\:color-text-secondary::placeholder{color:var(--color-text-secondary)}.placeholder\:color-text-tertiary::placeholder{color:var(--color-text-tertiary)}.placeholder\:text-\(--text-color-5\)::placeholder{color:var(--text-color-5)}.placeholder\:text-blue-400::placeholder{color:var(--piano-blue-400)}.placeholder\:text-gray-300::placeholder{color:var(--piano-gray-300)}.placeholder\:text-gray-500::placeholder{color:var(--piano-gray-500)}.before\:content-\[\'・\'\]:before{--tw-content:"・";content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:start:after{content:var(--tw-content);inset-inline-start:var(--spacing)}.after\:-top-\[12px\]:after{content:var(--tw-content);top:-12px}.after\:-top-\[25px\]:after{content:var(--tw-content);top:-25px}.after\:right-0:after{content:var(--tw-content);right:calc(var(--spacing) * 0)}.after\:block:after{content:var(--tw-content);display:block}.after\:h-\[12px\]:after{content:var(--tw-content);height:12px}.after\:h-\[25px\]:after{content:var(--tw-content);height:25px}.after\:w-1\/2:after{content:var(--tw-content);width:50%}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.first\:mt-0:first-child{margin-top:calc(var(--spacing) * 0)}.first\:min-w-\[128px\]:first-child{min-width:128px}.first\:pt-0:first-child{padding-top:calc(var(--spacing) * 0)}.last\:mr-0:last-child{margin-right:calc(var(--spacing) * 0)}.last\:mb-0:last-child{margin-bottom:calc(var(--spacing) * 0)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.last\:border-none:last-child{--tw-border-style:none;border-style:none}.last\:border-transparent:last-child{border-color:#0000}.last\:pb-0:last-child{padding-bottom:calc(var(--spacing) * 0)}.target\:items-center:target{align-items:center}.open\:grid:is([open],:popover-open,:open){display:grid}.focus-within\:border:focus-within{border-style:var(--tw-border-style);border-width:1px}.focus-within\:border-solid:focus-within{--tw-border-style:solid;border-style:solid}.focus-within\:border-blue-600:focus-within{border-color:var(--piano-blue-600)}.focus-within\:bg-blue-50:focus-within{background-color:var(--piano-blue-50)}.focus-within\:shadow-\[0_0_0_2px_var\(--editor-black-10\)\]:focus-within{--tw-shadow:0 0 0 2px var(--tw-shadow-color,var(--editor-black-10));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-within\:outline-1:focus-within{outline-style:var(--tw-outline-style);outline-width:1px}.focus-within\:outline-2:focus-within{outline-style:var(--tw-outline-style);outline-width:2px}.focus-within\:outline-offset-1:focus-within{outline-offset:1px}.focus-within\:outline-offset-2:focus-within{outline-offset:2px}.focus-within\:color-outline-focus-ring:focus-within{outline-color:var(--color-outline-focus-ring)}.focus-within\:outline-blue-500:focus-within{outline-color:var(--piano-blue-500)}.focus-within\:outline-gray-200:focus-within{outline-color:var(--piano-gray-200)}.focus-within\:outline-solid:focus-within{--tw-outline-style:solid;outline-style:solid}@media (hover:hover){.hover\:-translate-y-2\.5:hover{--tw-translate-y:calc(var(--spacing) * -2.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-\[0\.98\]:hover{scale:.98}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:gap-2:hover{gap:calc(var(--spacing) * 2)}.hover\:border:hover{border-style:var(--tw-border-style);border-width:1px}.hover\:border-solid:hover{--tw-border-style:solid;border-style:solid}.hover\:border-\(--color-accent\):hover{border-color:var(--color-accent)}.hover\:border-\(--editor-black-10\):hover{border-color:var(--editor-black-10)}.hover\:border-\[rgba\(250\,117\,51\,0\.8\)\]:hover{border-color:#fa7533cc}.hover\:border-black:hover{border-color:var(--color-black)}.hover\:border-blue-300:hover{border-color:var(--piano-blue-300)}.hover\:border-blue-500:hover{border-color:var(--piano-blue-500)}.hover\:border-gray-200:hover{border-color:var(--piano-gray-200)}.hover\:border-gray-300:hover{border-color:var(--piano-gray-300)}.hover\:border-gray-400:hover{border-color:var(--piano-gray-400)}.hover\:color-border:hover{border-color:var(--color-border)}.hover\:bg-\(--base-color-2\):hover{background-color:var(--base-color-2)}.hover\:bg-\(--piano-gray-50\):hover{background-color:var(--piano-gray-50)}.hover\:bg-\(--shadow-color-0\):hover{background-color:var(--shadow-color-0)}.hover\:bg-\(--shadow-color-1\):hover{background-color:var(--shadow-color-1)}.hover\:bg-\[\#11111113\]:hover{background-color:#11111113}.hover\:bg-\[\#DFDFDF\]:hover{background-color:#dfdfdf}.hover\:bg-\[\#ffffff4d\]:hover{background-color:#ffffff4d}.hover\:bg-\[rgba\(0\,0\,0\,0\)\]:hover{background-color:#0000}.hover\:bg-\[rgba\(0\,0\,0\,0\.04\)\]:hover{background-color:#0000000a}.hover\:bg-\[rgba\(0\,113\,255\,0\.2\)\]:hover{background-color:#0071ff33}.hover\:bg-\[rgba\(26\,119\,242\,0\.2\)\]:hover{background-color:#1a77f233}.hover\:bg-\[rgba\(51\,126\,255\,0\.1\)\]:hover{background-color:#337eff1a}.hover\:bg-black:hover{background-color:var(--color-black)}.hover\:bg-blue-100:hover{background-color:var(--piano-blue-100)}.hover\:bg-blue-600:hover{background-color:var(--piano-blue-600)}.hover\:bg-blue-700:hover{background-color:var(--piano-blue-700)}.hover\:bg-const-gray-50:hover{background-color:var(--color-const-gray-50)}.hover\:bg-const-gray-800:hover{background-color:var(--color-const-gray-800)}.hover\:bg-editor-black-5:hover{background-color:var(--color-editor-black-5)}.hover\:bg-editor-black-10:hover{background-color:var(--color-editor-black-10)}.hover\:bg-gray-50:hover{background-color:var(--piano-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--piano-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--piano-gray-200)}.hover\:bg-gray-300:hover{background-color:var(--piano-gray-300)}.hover\:bg-gray-400:hover{background-color:var(--piano-gray-400)}.hover\:bg-gray-500:hover{background-color:var(--piano-gray-500)}.hover\:bg-gray-800:hover{background-color:var(--piano-gray-800)}.hover\:bg-inherit:hover{background-color:inherit}.hover\:bg-red-50:hover{background-color:var(--piano-red-50)}.hover\:bg-red-100:hover{background-color:var(--piano-red-100)}.hover\:bg-red-800:hover{background-color:var(--piano-red-800)}.hover\:bg-transparent:hover{background-color:#0000}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:color-surface:hover{background-color:var(--color-surface)}.hover\:color-surface-hover:hover{background-color:var(--color-surface-hover)}.hover\:color-surface-inverse-disabled:hover{background-color:var(--color-surface-inverse-disabled)}.hover\:color-surface-inverse-hover:hover{background-color:var(--color-surface-inverse-hover)}.hover\:color-surface-inverse-secondary:hover{background-color:var(--color-surface-inverse-secondary)}.hover\:color-surface-secondary:hover{background-color:var(--color-surface-secondary)}.hover\:color-surface-tertiary:hover{background-color:var(--color-surface-tertiary)}.hover\:color-surface-tertiary\!:hover{background-color:var(--color-surface-tertiary)!important}.hover\:bg-none:hover{background-image:none}.hover\:color-text:hover{color:var(--color-text)}.hover\:color-text-accent:hover{color:var(--color-text-accent)}.hover\:color-text-hover:hover{color:var(--color-text-hover)}.hover\:color-text-secondary:hover{color:var(--color-text-secondary)}.hover\:color-text-secondary-hover:hover{color:var(--color-text-secondary-hover)}.hover\:text-\(--color-error-main\):hover{color:var(--color-error-main)}.hover\:text-blue-400:hover{color:var(--piano-blue-400)}.hover\:text-blue-500:hover{color:var(--piano-blue-500)}.hover\:text-blue-600:hover{color:var(--piano-blue-600)}.hover\:text-blue-700:hover{color:var(--piano-blue-700)}.hover\:text-blue-800:hover{color:var(--piano-blue-800)}.hover\:text-const-gray-800:hover{color:var(--color-const-gray-800)}.hover\:text-gray-300:hover{color:var(--piano-gray-300)}.hover\:text-gray-500:hover{color:var(--piano-gray-500)}.hover\:text-gray-600:hover{color:var(--piano-gray-600)}.hover\:text-gray-700:hover{color:var(--piano-gray-700)}.hover\:text-red-600:hover{color:var(--piano-red-600)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-75:hover{opacity:.75}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-4:hover{--tw-shadow:var(--piano-elevation-shadow-4);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\[0_0_0_1px_var\(--editor-black-10\)\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--editor-black-10));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\[0_0_0_2px_\#1a77f2\]:hover{--tw-shadow:0 0 0 2px var(--tw-shadow-color,#1a77f2);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\[0_0_0_4px_rgba\(255\,128\,208\,0\.2\)\]:hover{--tw-shadow:0 0 0 4px var(--tw-shadow-color,#ff80d033);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:ring-1:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:ring-gray-300:hover{--tw-ring-color:var(--piano-gray-300)}.hover\:outline-1:hover{outline-style:var(--tw-outline-style);outline-width:1px}.hover\:outline-gray-200:hover{outline-color:var(--piano-gray-200)}.hover\:brightness-95:hover{--tw-brightness:brightness(95%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.hover\:backdrop-blur-sm:hover{--tw-backdrop-blur:blur(var(--blur-sm));backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.hover\:outline-solid:hover{--tw-outline-style:solid;outline-style:solid}.hover\:not-disabled\:color-surface-hover:hover:not(:disabled){background-color:var(--color-surface-hover)}.hover\:not-disabled\:color-text-hover:hover:not(:disabled){color:var(--color-text-hover)}}.focus\:z-10:focus{z-index:10}.focus\:cursor-text:focus{cursor:text}.focus\:border-blue-400:focus{border-color:var(--piano-blue-400)}.focus\:bg-\(--base-color-1\):focus{background-color:var(--base-color-1)}.focus\:bg-blue-50:focus{background-color:var(--piano-blue-50)}.focus\:bg-transparent:focus{background-color:#0000}.focus\:bg-white:focus{background-color:var(--color-white)}.focus\:text-blue-500:focus{color:var(--piano-blue-500)}.focus\:shadow-\[0_0_0_2px_var\(--blue-shadow-color-2\)\]:focus{--tw-shadow:0 0 0 2px var(--tw-shadow-color,var(--blue-shadow-color-2));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:shadow-\[0_0_0_2px_var\(--shadow-color-1\)\]:focus{--tw-shadow:0 0 0 2px var(--tw-shadow-color,var(--shadow-color-1));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-blue-600:focus{--tw-ring-color:var(--piano-blue-600)}.focus\:ring-red-300:focus{--tw-ring-color:var(--piano-red-300)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus\:outline-1:focus{outline-style:var(--tw-outline-style);outline-width:1px}.focus\:outline-2:focus{outline-style:var(--tw-outline-style);outline-width:2px}.focus\:outline-3:focus{outline-style:var(--tw-outline-style);outline-width:3px}.focus\:outline-offset-1:focus{outline-offset:1px}.focus\:color-outline-focus-ring:focus{outline-color:var(--color-outline-focus-ring)}.focus\:outline-blue-200:focus{outline-color:var(--piano-blue-200)}.focus\:outline-blue-500:focus{outline-color:var(--piano-blue-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus\:outline-solid:focus{--tw-outline-style:solid;outline-style:solid}.focus-visible\:color-border-accent:focus-visible{border-color:var(--color-border-accent)}.focus-visible\:bg-gray-50:focus-visible{background-color:var(--piano-gray-50)}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-blue-200:focus-visible{--tw-ring-color:var(--piano-blue-200)}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-3:focus-visible{outline-style:var(--tw-outline-style);outline-width:3px}.focus-visible\:outline-offset-1:focus-visible{outline-offset:1px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:color-outline-focus-ring:focus-visible{outline-color:var(--color-outline-focus-ring)}.focus-visible\:outline-\(--focus-outline-color\):focus-visible{outline-color:var(--focus-outline-color)}.focus-visible\:outline-blue-200:focus-visible{outline-color:var(--piano-blue-200)}.focus-visible\:outline-blue-500:focus-visible{outline-color:var(--piano-blue-500)}.focus-visible\:outline-const-blue-200:focus-visible{outline-color:var(--color-const-blue-200)}.focus-visible\:outline-solid:focus-visible{--tw-outline-style:solid;outline-style:solid}.active\:cursor-grabbing:active{cursor:grabbing}.active\:bg-\(--color-surface-active\):active{background-color:var(--color-surface-active)}.active\:bg-\(--shadow-color-2\):active{background-color:var(--shadow-color-2)}.active\:color-surface-hover:active{background-color:var(--color-surface-hover)}@media (hover:hover){.enabled\:hover\:bg-red-50:enabled:hover{background-color:var(--piano-red-50)}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:cursor-not-allowed\!:disabled{cursor:not-allowed!important}.disabled\:bg-\(--base-color-1\):disabled{background-color:var(--base-color-1)}.disabled\:color-surface-disabled:disabled{background-color:var(--color-surface-disabled)}.disabled\:color-surface-secondary-disabled:disabled{background-color:var(--color-surface-secondary-disabled)}.disabled\:color-text-disabled:disabled{color:var(--color-text-disabled)}.disabled\:text-gray-300:disabled{color:var(--piano-gray-300)}.disabled\:opacity-20:disabled{opacity:.2}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:shadow-\[0_0_0_1px_var\(--shadow-color-1\)_inset\]:disabled{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--shadow-color-1)) inset;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.has-checked\:bg-gray-50:has(:checked){background-color:var(--piano-gray-50)}.has-\[input\:focus-visible\]\:outline-3:has(:is(input:focus-visible)){outline-style:var(--tw-outline-style);outline-width:3px}.has-\[input\:focus-visible\]\:outline-offset-\[5px\]:has(:is(input:focus-visible)){outline-offset:5px}.has-\[input\:focus-visible\]\:outline-\(--focus-outline-color\):has(:is(input:focus-visible)){outline-color:var(--focus-outline-color)}.has-\[input\:focus-visible\]\:outline-solid:has(:is(input:focus-visible)){--tw-outline-style:solid;outline-style:solid}.data-\[is-open\=true\]\:color-surface-secondary[data-is-open=true]{background-color:var(--color-surface-secondary)}.data-\[is-open\=true\]\:color-surface-tertiary[data-is-open=true]{background-color:var(--color-surface-tertiary)}@media (width>=640px){.mobile\:absolute{position:absolute}.mobile\:top-0{top:calc(var(--spacing) * 0)}.mobile\:block{display:block}.mobile\:inline-flex{display:inline-flex}.mobile\:size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.mobile\:h-\[620px\]{height:620px}.mobile\:h-dvh{height:100dvh}.mobile\:max-w-full{max-width:100%}.mobile\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile\:items-center{align-items:center}.mobile\:gap-2{gap:calc(var(--spacing) * 2)}.mobile\:gap-4{gap:calc(var(--spacing) * 4)}.mobile\:gap-10{gap:calc(var(--spacing) * 10)}.mobile\:p-8{padding:calc(var(--spacing) * 8)}.mobile\:px-2{padding-inline:calc(var(--spacing) * 2)}.mobile\:py-6{padding-block:calc(var(--spacing) * 6)}.mobile\:heading-xs{font-size:16px;font-weight:700;line-height:22px}}@media (width>=768px){.tablet\:right-0{right:calc(var(--spacing) * 0)}.tablet\:right-auto{right:auto}.tablet\:left-6{left:calc(var(--spacing) * 6)}.tablet\:mb-10{margin-bottom:calc(var(--spacing) * 10)}.tablet\:ml-4{margin-left:calc(var(--spacing) * 4)}.tablet\:hidden{display:none}.tablet\:w-\[400px\]{width:400px}.tablet\:w-\[480px\]{width:480px}.tablet\:w-\[680px\]{width:680px}.tablet\:w-auto{width:auto}.tablet\:w-login{width:var(--width-login)}.tablet\:max-w-\[380px\]{max-width:380px}.tablet\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.tablet\:flex-row{flex-direction:row}.tablet\:items-center{align-items:center}.tablet\:items-start{align-items:flex-start}.tablet\:justify-between{justify-content:space-between}.tablet\:gap-3{gap:calc(var(--spacing) * 3)}.tablet\:gap-10{gap:calc(var(--spacing) * 10)}.tablet\:p-10{padding:calc(var(--spacing) * 10)}.tablet\:px-10{padding-inline:calc(var(--spacing) * 10)}.tablet\:pt-10{padding-top:calc(var(--spacing) * 10)}.tablet\:pb-0{padding-bottom:calc(var(--spacing) * 0)}.tablet\:text-right{text-align:right}.tablet\:heading-lg{font-size:32px;font-weight:700;line-height:46px}.tablet\:heading-md{font-size:24px;font-weight:700;line-height:34px}.tablet\:text-md{font-size:var(--text-md);line-height:var(--tw-leading,var(--text-md--line-height))}}@media (width>=1024px){.laptop\:-right-7{right:calc(var(--spacing) * -7)}.laptop\:left-auto{left:auto}.laptop\:mt-8{margin-top:calc(var(--spacing) * 8)}.laptop\:mb-0{margin-bottom:calc(var(--spacing) * 0)}.laptop\:ml-9{margin-left:calc(var(--spacing) * 9)}.laptop\:ml-auto{margin-left:auto}.laptop\:block{display:block}.laptop\:flex{display:flex}.laptop\:hidden{display:none}.laptop\:h-\[395px\]{height:395px}.laptop\:h-auto{height:auto}.laptop\:min-h-\[150px\]{min-height:150px}.laptop\:w-\[240px\]{width:240px}.laptop\:w-\[280px\]{width:280px}.laptop\:w-\[420px\]{width:420px}.laptop\:w-auto{width:auto}.laptop\:max-w-\[50\%\]{max-width:50%}.laptop\:max-w-\[67\%\]{max-width:67%}.laptop\:max-w-none{max-width:none}.laptop\:min-w-\[820px\]{min-width:820px}.laptop\:shrink{flex-shrink:1}.laptop\:grow-0{flex-grow:0}.laptop\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.laptop\:flex-col{flex-direction:column}.laptop\:flex-row{flex-direction:row}.laptop\:flex-nowrap{flex-wrap:nowrap}.laptop\:items-center{align-items:center}.laptop\:items-stretch{align-items:stretch}.laptop\:gap-9{gap:calc(var(--spacing) * 9)}.laptop\:gap-20{gap:calc(var(--spacing) * 20)}.laptop\:gap-y-6{row-gap:calc(var(--spacing) * 6)}.laptop\:p-5{padding:calc(var(--spacing) * 5)}.laptop\:px-6{padding-inline:calc(var(--spacing) * 6)}.laptop\:px-8{padding-inline:calc(var(--spacing) * 8)}.laptop\:px-10{padding-inline:calc(var(--spacing) * 10)}.laptop\:py-4{padding-block:calc(var(--spacing) * 4)}.laptop\:py-9{padding-block:calc(var(--spacing) * 9)}.laptop\:pt-\[42px\]{padding-top:42px}.laptop\:pb-10{padding-bottom:calc(var(--spacing) * 10)}.laptop\:text-left{text-align:left}.laptop\:heading-lg\!{font-size:32px!important;font-weight:700!important;line-height:46px!important}}@media (width>=1280px){.desktop\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.desktop\:gap-10{gap:calc(var(--spacing) * 10)}}@media (width>=1680px){.min-\[1680px\]\:w-\[112px\]{width:112px}.min-\[1680px\]\:w-\[280px\]{width:280px}.min-\[1680px\]\:w-\[296px\]{width:296px}}@media (prefers-color-scheme:dark){.dark\:bg-gray-800{background-color:var(--piano-gray-800)}}.ui-open\:rotate-180[data-headlessui-state~=open],:where([data-headlessui-state~=open]) .ui-open\:rotate-180{rotate:180deg}.ui-selected\:border-black[data-headlessui-state~=selected],:where([data-headlessui-state~=selected]) .ui-selected\:border-black{border-color:var(--color-black)}.ui-selected\:bg-gray-50[data-headlessui-state~=selected],:where([data-headlessui-state~=selected]) .ui-selected\:bg-gray-50{background-color:var(--piano-gray-50)}.ui-selected\:text-black[data-headlessui-state~=selected],:where([data-headlessui-state~=selected]) .ui-selected\:text-black{color:var(--color-black)}.ui-active\:bg-gray-50[data-headlessui-state~=active],:where([data-headlessui-state~=active]) .ui-active\:bg-gray-50{background-color:var(--piano-gray-50)}.ui-active\:color-surface-hover[data-headlessui-state~=active],:where([data-headlessui-state~=active]) .ui-active\:color-surface-hover{background-color:var(--color-surface-hover)}.\[\&_\.desc\]\:m-0\! .desc{margin:calc(var(--spacing) * 0)!important}.\[\&_\.desc\]\:w-full\! .desc{width:100%!important}.\[\&_\.header\]\:justify-between\! .header{justify-content:space-between!important}.\[\&_\.header-label\]\:hidden\! .header-label{display:none!important}.\[\&_\>_span\]\:color-text-on-accent>span{color:var(--color-text-on-accent)}.\[\&_\>_span\]\:text-blue-600>span{color:var(--piano-blue-600)}@media (hover:hover){.hover\:\[\&_\>_span\]\:text-blue-700:hover>span{color:var(--piano-blue-700)}}.\[\&_button\]\:w-full button{width:100%}.\[\&_span\]\:typography-ui-11-bold\! span{font-family:var(--font-default)!important;font-size:11px!important;font-weight:700!important;line-height:16px!important}.\[\&_span\]\:color-text-secondary span{color:var(--color-text-secondary)}.\[\&_svg\]\:mx-0\! svg{margin-inline:calc(var(--spacing) * 0)!important}.\[\&_svg\]\:mb-5\! svg{margin-bottom:calc(var(--spacing) * 5)!important}.\[\&_td\]\:border-r td{border-right-style:var(--tw-border-style);border-right-width:1px}.\[\&_td\]\:border-solid td{--tw-border-style:solid;border-style:solid}.\[\&_td\]\:border-gray-100 td{border-color:var(--piano-gray-100)}.\[\&_td\]\:p-4 td{padding:calc(var(--spacing) * 4)}.\[\&_td\:last-child\]\:border-transparent td:last-child{border-color:#0000}.\[\&_ul\]\:max-h-\[100px\] ul{max-height:100px}.\[\&_ul\]\:overflow-y-auto ul{overflow-y:auto}.\[\&\+li\]\:border-t+li{border-top-style:var(--tw-border-style);border-top-width:1px}.\[\&\+li\]\:border-solid+li{--tw-border-style:solid;border-style:solid}.\[\&\+li\]\:color-border+li{border-color:var(--color-border)}.\[\&\:\:-webkit-search-cancel-button\]\:appearance-none::-webkit-search-cancel-button{appearance:none}.\[\&\:has\(input\:focus-visible\)\]\:focus-within-outline:has(input:focus-visible):focus-within{outline:3px solid var(--color-outline-focus-ring)}.\[\&\:popover-open\]\:opacity-100:popover-open{opacity:1}.\[\&\>\.ApiPanelDetail\>\.main\]\:relative\!>.ApiPanelDetail>.main{position:relative!important}.\[\&\>\.ApiPanelDetail\>\.main\]\:overflow-y-hidden\!>.ApiPanelDetail>.main{overflow-y:hidden!important}.\[\&\>\.input\]\:h-8>.input{height:calc(var(--spacing) * 8)}.\[\&\>\.input\]\:border-0\!>.input{border-style:var(--tw-border-style)!important;border-width:0!important}.\[\&\>\.input\]\:px-2\!>.input{padding-inline:calc(var(--spacing) * 2)!important}.\[\&\>\.input\]\:pt-1\.5\!>.input{padding-top:calc(var(--spacing) * 1.5)!important}.\[\&\>\.redirect-name\]\:h-4\!>.redirect-name{height:calc(var(--spacing) * 4)!important}.\[\&\>\.redirect-name\]\:w-fit\!>.redirect-name{width:fit-content!important}.\[\&\>\.rssList\]\:pb-0\!>.rssList{padding-bottom:calc(var(--spacing) * 0)!important}.\[\&\>div\]\:h-8\!>div{height:calc(var(--spacing) * 8)!important}.\[\&\>div\]\:w-full>div{width:100%}.\[\&\>div\]\:min-w-\[130px\]\!>div{min-width:130px!important}.\[\&\>div\]\:overflow-visible>div{overflow:visible}.\[\&\>div\]\:color-surface-secondary\!>div{background-color:var(--color-surface-secondary)!important}.\[\&\>div\]\:px-2>div{padding-inline:calc(var(--spacing) * 2)}.\[\&\>div\.menu\]\:z-10>div.menu{z-index:10}.\[\&\>div\>div\]\:overflow-visible>div>div{overflow:visible}.\[\&\>div\>div\]\:\!rounded-\[12px\]>div>div{border-radius:12px!important}.\[\&\>div\>div\]\:rounded-\[6px\]\!>div>div{border-radius:6px!important}.\[\&\>div\>div\]\:rounded-\[8px\]\!>div>div{border-radius:8px!important}.\[\&\>div\>div\]\:rounded-\[16px\]>div>div{border-radius:16px}.\[\&\>div\>div\]\:\!border-0>div>div{border-style:var(--tw-border-style)!important;border-width:0!important}.\[\&\>div\>div\]\:border-1>div>div{border-style:var(--tw-border-style);border-width:1px}.\[\&\>div\>div\]\:border-solid>div>div{--tw-border-style:solid;border-style:solid}.\[\&\>div\>div\]\:color-border>div>div{border-color:var(--color-border)}.\[\&\>div\>div\:nth-child\(2\)\]\:hidden>div>div:nth-child(2){display:none}.\[\&\>div\>p\]\:w-full>div>p{width:100%}.\[\&\>header\]\:color-bg\!>header{background-color:var(--color-bg)!important}.\[\&\>header\]\:px-3\!>header{padding-inline:calc(var(--spacing) * 3)!important}.\[\&\>header\]\:pt-0\.5\!>header{padding-top:calc(var(--spacing) * .5)!important}.\[\&\>header\]\:pb-2\!>header{padding-bottom:calc(var(--spacing) * 2)!important}.\[\&\>header\>\.input\]\:mt-0\!>header>.input{margin-top:calc(var(--spacing) * 0)!important}.\[\&\>header\>\.input\>input\]\:rounded-8\!>header>.input>input{border-radius:var(--radius-8)!important}.\[\&\>input\]\:hidden>input{display:none}.\[\&\>input\]\:px-2>input{padding-inline:calc(var(--spacing) * 2)}.\[\&\>input\]\:text-center>input{text-align:center}.\[\&\>input\]\:text-end>input{text-align:end}.\[\&\>input\]\:text-left>input{text-align:left}.\[\&\>p\]\:block\!>p{display:block!important}.\[\&\>p\]\:max-h-\[200px\]\!>p{max-height:200px!important}.\[\&\>p\]\:overflow-y-auto\!>p{overflow-y:auto!important}.\[\&\>p\]\:border-none\!>p{--tw-border-style:none!important;border-style:none!important}.\[\&\>p\]\:p-2\!>p{padding:calc(var(--spacing) * 2)!important}.\[\&\>p\]\:text-nowrap\!>p{text-wrap:nowrap!important}.\[\&\>p\]\:break-all\!>p{word-break:break-all!important}.\[\&\>path\]\:fill-\(--color-black-950\)>path{fill:var(--color-black-950)}.\[\&\>span\]\:color-text-on-inverse\!>span{color:var(--color-text-on-inverse)!important}.\[\&\>svg\]\:color-icon-inverse\!>svg{fill:var(--color-icon-inverse)!important}.\[\&\[aria-expanded\=\'true\'\]\]\:-translate-y-0\.5[aria-expanded=true]{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\[aria-expanded\=\'true\'\]\]\:shadow-12[aria-expanded=true]{--tw-shadow:var(--piano-elevation-shadow-12);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}:root{--color-gray-50:#f7f7f7;--color-gray-100:#efefef;--color-gray-200:#dcdcdc;--color-gray-300:#bdbdbd;--color-gray-400:#989898;--color-gray-500:#7c7c7c;--color-gray-600:#656565;--color-gray-700:#525252;--color-gray-800:#464646;--color-gray-900:#3d3d3d;--color-gray-950:#292929;--color-white-50:#ffffff0d;--color-white-100:#ffffff1a;--color-white-200:#fff3;--color-white-300:#ffffff4d;--color-white-400:#fff6;--color-white-500:#ffffff80;--color-white-600:#fff9;--color-white-700:#ffffffb3;--color-white-800:#fffc;--color-white-900:#ffffffe6;--color-white-950:#fff;--color-black-50:#2222220d;--color-black-100:#2222221a;--color-black-200:#2223;--color-black-300:#2222224d;--color-black-400:#2226;--color-black-500:#22222280;--color-black-600:#2229;--color-black-700:#222222b3;--color-black-800:#222c;--color-black-900:#222222e6;--color-black-950:#222;--color-blue-50:#eef9ff;--color-blue-100:#d8f1ff;--color-blue-200:#bae6ff;--color-blue-300:#8bdaff;--color-blue-400:#54c3ff;--color-blue-500:#2da5ff;--color-blue-600:#1686fa;--color-blue-700:#0f70eb;--color-blue-800:#1358ba;--color-blue-900:#164c92;--color-blue-950:#122f59;--color-orange-50:#fef5ee;--color-orange-100:#fce9d8;--color-orange-200:#f8cfb0;--color-orange-300:#f4ad7d;--color-orange-400:#ee8149;--color-orange-500:#ea6025;--color-orange-600:#d3451a;--color-orange-700:#b63518;--color-orange-800:#912c1b;--color-orange-900:#752719;--color-orange-950:#3f100b;--color-pink-50:#fdf2fa;--color-pink-100:#fce7f8;--color-pink-200:#fbcff2;--color-pink-300:#f9a8e6;--color-pink-400:#f373d2;--color-pink-500:#ea3eb9;--color-pink-600:#da289e;--color-pink-700:#bd1981;--color-pink-800:#9c186a;--color-pink-900:#82195a;--color-pink-950:#500734;--color-green-50:#f1ffee;--color-green-100:#dcffd7;--color-green-200:#bdffb2;--color-green-300:#88ff76;--color-green-400:#4df434;--color-green-500:#24dd0a;--color-green-600:#1aca01;--color-green-700:#169005;--color-green-800:#16710a;--color-green-900:#135c0b;--color-green-950:#053400;--color-light-blue-50:#ebffff;--color-light-blue-100:#cdfaff;--color-light-blue-200:#a2f3ff;--color-light-blue-300:#62e9fe;--color-light-blue-400:#26d6f5;--color-light-blue-500:#00b7db;--color-light-blue-600:#0391b7;--color-light-blue-700:#0a7494;--color-light-blue-800:#125e78;--color-light-blue-900:#144e65;--color-light-blue-950:#063346;--color-red-50:#fff0f2;--color-red-100:#ffdee2;--color-red-200:#ffc3cb;--color-red-300:#ff99a6;--color-red-400:#ff5e73;--color-red-500:#ff2c48;--color-red-600:#f50a29;--color-red-700:#cf0621;--color-red-800:#aa0a1f;--color-red-900:#8d0f20;--color-red-950:#4d020c;--color-purple-50:#faf5ff;--color-purple-100:#f4e9fe;--color-purple-200:#ead7fd;--color-purple-300:#dab7fb;--color-purple-400:#c389f7;--color-purple-500:#ac5bf1;--color-purple-600:#983ae3;--color-purple-700:#8b2dd4;--color-purple-800:#6d26a3;--color-purple-900:#5a2083;--color-purple-950:#3d0b60;--piano-black:#1a1a1a;--piano-white:#fff;--piano-gray-50:#f5f5f5;--piano-gray-100:#ededed;--piano-gray-200:#e5e5e5;--piano-gray-300:#d6d6d6;--piano-gray-400:#b8b8b8;--piano-gray-500:#aaa;--piano-gray-600:#8e8e8e;--piano-gray-700:#616161;--piano-gray-800:#4c4c4c;--piano-gray-900:#303030;--piano-pink-50:#fff5fa;--piano-pink-100:#ffe3f2;--piano-pink-200:#fecde7;--piano-pink-300:#fe9acf;--piano-pink-400:#fd68b7;--piano-pink-500:#fd49a8;--piano-pink-600:#fc0387;--piano-pink-700:#ca026c;--piano-pink-800:#970251;--piano-pink-900:#650136;--piano-blue-50:#ecf5ff;--piano-blue-100:#e1eeff;--piano-blue-200:#cce3ff;--piano-blue-300:#9ac8fe;--piano-blue-400:#67acfe;--piano-blue-500:#4b9cfb;--piano-blue-600:#0275fd;--piano-blue-700:#025eca;--piano-blue-800:#014698;--piano-blue-900:#012f65;--piano-green-50:#f6fdf9;--piano-green-100:#e5faee;--piano-green-200:#d4f7e2;--piano-green-300:#a9efc5;--piano-green-400:#7ee7a8;--piano-green-500:#65e297;--piano-green-600:#29d66e;--piano-green-700:#21ab58;--piano-green-800:#188142;--piano-green-900:#10562c;--piano-yellow-50:#fffcf5;--piano-yellow-100:#fef7e2;--piano-yellow-200:#fdf2ce;--piano-yellow-300:#fbe59d;--piano-yellow-400:#f9d86c;--piano-yellow-500:#f8d04f;--piano-yellow-600:#f5be0a;--piano-yellow-700:#c49808;--piano-yellow-800:#937206;--piano-yellow-900:#624c04;--piano-red-50:#fff5f6;--piano-red-100:#fee2e5;--piano-red-200:#fdced4;--piano-red-300:#fb9daa;--piano-red-400:#f96c7f;--piano-red-500:#f84f65;--piano-red-600:#f50a29;--piano-red-700:#c40821;--piano-red-800:#930619;--piano-red-900:#620411;--piano-orange-50:#fef4ec;--piano-orange-100:#fdecdd;--piano-orange-200:#fce4cf;--piano-orange-300:#fac99e;--piano-orange-400:#f7ae6e;--piano-orange-500:#f69e51;--piano-orange-600:#f2780d;--piano-orange-700:#c2600a;--piano-orange-800:#914808;--piano-orange-900:#613005;--piano-purple-50:#f6eefc;--piano-purple-100:#efe1f9;--piano-purple-200:#e8d5f6;--piano-purple-300:#d0aaee;--piano-purple-400:#b980e5;--piano-purple-500:#ab67e0;--piano-purple-600:#8b2dd4;--piano-purple-700:#6e23a9;--piano-purple-800:#531a7f;--piano-purple-900:#371155;--piano-elevation-shadow-1:0px 1px 2px 0px #0000000f;--piano-elevation-shadow-2:0px 2px 4px -1px #0000000f, 0px 3px 12px -1.5px #00000008;--piano-elevation-shadow-3:0px 2px 4px -1px #00000014, 0px 4px 18px -2px #0000000a;--piano-elevation-shadow-4:0px 3px 6px -1.5px #00000017, 0px 6px 24px -3px #0000000a;--piano-elevation-shadow-6:0px 4px 8px -2px #00000017, 0px 8px 32px -4px #0000000f;--piano-elevation-shadow-8:0px 6px 12px -3px #00000017, 0px 9px 36px -4.5px #0000000f;--piano-elevation-shadow-12:0px 8px 20px -4px #0000001a, 0px 12px 36px -6px #00000012;--piano-elevation-shadow-16:0px 10px 25px -5px #0000001c, 0px 16px 48px -8px #00000014;--editor-bg:var(--piano-white);--editor-black-5:#0000000d;--editor-black-10:#0000001a;--editor-black-20:#0003;--editor-black-30:#0000004d;--editor-black-40:#0006;--editor-black-50:#00000080;--editor-black-60:#0009;--editor-black-70:#000000b3;--editor-black-80:#000c;--editor-black-90:#000000e6;--editor-black-100:#000;--editor-black:#000000e6;--editor-blue-10:#0071ff1a;--editor-blue-20:#0071ff33;--editor-blue-30:#0071ff4d;--editor-blue-50:#0071ff80;--editor-r-5:5px;--base-color-1:var(--piano-white);--base-color-2:#f2f2f2;--base-color-3:var(--piano-gray-200);--base-color-1-opacity-95:#fffffff5;--base-color-1-opacity-20:#ffffff40;--base-color-4-opacity-90:#f9f9f9e6;--text-color-red:#e53935;--text-color-green:#09885a;--text-color-blue:#00f;--shadow-color-0:#0000000d;--shadow-color-1:#0000001a;--shadow-color-2:#00000026;--blue-color-1:#0071ff;--cyan-color-1:#14c4fb;--blue-shadow-color-0:#0071ff1a;--blue-shadow-color-1:#0071ff33;--blue-shadow-color-2:#0071ff4d;--workflow-bg-image:url("data:image/svg+xml;utf8,<svg width=\"9\" height=\"9\" viewBox=\"0 0 9 9\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"4.5\" cy=\"4.5\" r=\"0.5\" fill=\"rgba(0,0,0,0.3)\"/></svg>");--logo-intercom:url(https://storage.googleapis.com/studio-front/logos/intercom-logo-light.svg);--logo-search-console:url(https://storage.googleapis.com/studio-front/logos/google-search-console-logo-light.svg);--logo-channel:url(https://storage.googleapis.com/studio-front/logos/channel-logo-light.svg);--typesquare-bg:linear-gradient(#fff, #ffffffb3), url(https://storage.googleapis.com/studio-front/logos/typesquare-bg-light.png);--create-schema-image-post:url(https://storage.googleapis.com/studio-front/dashboard/cms/create-schema/post-light-rebranding.png);--create-schema-image-user:url(https://storage.googleapis.com/studio-front/dashboard/cms/create-schema/user-light.png);--create-schema-image-category:url(https://storage.googleapis.com/studio-front/dashboard/cms/create-schema/category-light-rebranding.png);--create-schema-image-custom:url(https://storage.googleapis.com/studio-front/dashboard/cms/create-schema/custom-light.png);--plan-v1-publish:#3238ec;--plan-v2-free:#aaa;--plan-v2-basic:#3238ec;--plan-v2-pro:#3238ec;--recommend-color:#3238ec;--seo-site-title:#2970dc;--seo-site-url:#135e30;--modal-backdrop-color:#00000029;--select-blue:#2f72f6;--symbol-focused-color:#00000029;--pd-black-1:var(--piano-black);--pd-black-2:var(--piano-gray-700);--pd-black-3:var(--piano-gray-600);--pd-black-4:var(--piano-gray-200);--pd-black-5:var(--piano-gray-100);--pd-base-2:var(--piano-gray-200);--pd-dark-1:var(--piano-black);--pd-focus:#0055ff4f;--pd-border-color-1:var(--piano-gray-100);--pd-pink-1:#fc32a9;--pd-pink-2:#fc32a91c;--pd-red-1:#fc3235;--pd-red-2:#ffebec;--pd-yellow-1:#fed265;--pd-yellow-2:#fed3654d;--color-outline-focus-ring:var(--piano-blue-600);--color-text-secondary:#222222b3;--color-bg-brand-tertiary:var(--piano-blue-100);--rebranding-loading-bg:#e5e5e5;--rebranding-loading-bar:#222;--focus-outline-color:var(--piano-blue-600);--box-shadow-depth-1:0 6px 16px #00000014;--box-shadow-depth-2:0 4px 20px #0000001a;--box-shadow-pink:0 4px 20px #fc32a94d;--protect-mixed-with-app-background-1:#0000001a;--protect-mixed-with-app-background-2:#0003;--color-studio-main:linear-gradient(45deg, #f05, #f94cff);--color-studio-main-hover:linear-gradient(38deg, #ff006a, #ff7cf5);--color-studio-alpha:linear-gradient(45deg, #f05, #f94cff);--color-studio-alpha-hover:linear-gradient(45deg, #f05, #f94cff);--color-studio-text:#fff;--color-studio-text-hover:#fff;--color-default-main:#e6e6e6;--color-default-main-hover:#303030;--color-default-alpha:#303030;--color-default-alpha-hover:#30303022;--color-default-text:#111;--color-default-text-hover:#303030;--color-primary-main:#fc32a9;--color-primary-main-hover:#4f54f5;--color-primary-alpha:#3238ec22;--color-primary-alpha-hover:#353bf922;--color-primary-text:#fff;--color-primary-text-hover:#fff;--color-success-main:#09885a;--color-success-main-hover:#0aab71;--color-success-alpha:#09885a22;--color-success-alpha-hover:#0aab7122;--color-success-text:#fff;--color-success-text-hover:#fff;--color-info-main:#111;--color-info-main-hover:#222;--color-info-alpha:#555b6322;--color-info-alpha-hover:#7c849022;--color-info-text:#fff;--color-info-text-hover:#fff;--color-warning-main:#ed8936;--color-warning-main-hover:#f1974c;--color-warning-alpha:#ed893622;--color-warning-alpha-hover:#f1974c22;--color-warning-text:#fff;--color-warning-text-hover:#fff;--color-error-main:#f40d10;--color-error-main-hover:#f13437;--color-error-alpha:#f40d1022;--color-error-alpha-hover:#f1343733;--color-error-text:#fff;--color-error-text-hover:#fff;--color-label-main:#aaa;--color-label-main-hover:#acacac;--color-label-alpha:#aaa2;--color-label-alpha-hover:#acacac22;--color-label-text:#fff;--color-label-text-hover:#fff;--color-cancel-main:#eee;--color-cancel-main-hover:#ddd;--color-cancel-alpha:#eee2;--color-cancel-alpha-hover:#efefef22;--color-cancel-text:#aaa;--color-cancel-text-hover:#aaa;--condition-small-color:#e2fbf7;--condition-tablet-color:#ecfbe9;--condition-mobile-color:#fdefe0;--condition-mini-color:#ffe7f0;--condition-hover-color:#e9f8ff;--condition-appear-color:#fce8f6;--condition-scroll-color:#e6f7f2;--condition-scroll-color-active:#c2eadb}:root[data-theme=dark]{--piano-black:#fff;--piano-white:#1a1a1a;--piano-gray-50:#242424;--piano-gray-100:#2e2e2e;--piano-gray-200:#383838;--piano-gray-300:#4d4d4d;--piano-gray-400:#666;--piano-gray-500:#757575;--piano-gray-600:#8f8f8f;--piano-gray-700:#a8a8a8;--piano-gray-800:#c2c2c2;--piano-gray-900:#dbdbdb;--piano-pink-50:#3d0120;--piano-pink-100:#51012c;--piano-pink-200:#650136;--piano-pink-300:#970251;--piano-pink-400:#ca026d;--piano-pink-500:#e9027c;--piano-pink-600:#fd2195;--piano-pink-700:#fd53ad;--piano-pink-800:#fe86c6;--piano-pink-900:#feb8de;--piano-blue-50:#001c3d;--piano-blue-100:#012651;--piano-blue-200:#012f65;--piano-blue-300:#014698;--piano-blue-400:#025eca;--piano-blue-500:#056ce6;--piano-blue-600:#2186fd;--piano-blue-700:#53a1fd;--piano-blue-800:#86bdfe;--piano-blue-900:#b8d8fe;--piano-green-50:#0a341a;--piano-green-100:#0d4523;--piano-green-200:#10562c;--piano-green-300:#188142;--piano-green-400:#20ac58;--piano-green-500:#26c565;--piano-green-600:#43db80;--piano-green-700:#6de39d;--piano-green-800:#98ecb9;--piano-green-900:#c3f4d6;--piano-yellow-50:#3b2e02;--piano-yellow-100:#4e3d03;--piano-yellow-200:#624c04;--piano-yellow-300:#937206;--piano-yellow-400:#c49808;--piano-yellow-500:#e1af09;--piano-yellow-600:#f6c628;--piano-yellow-700:#f8d359;--piano-yellow-800:#fae089;--piano-yellow-900:#fcedba;--piano-red-50:#3b020a;--piano-red-100:#4e030d;--piano-red-200:#620411;--piano-red-300:#930619;--piano-red-400:#c40821;--piano-red-500:#e10926;--piano-red-600:#f62843;--piano-red-700:#f8596e;--piano-red-800:#fa8999;--piano-red-900:#fcbac3;--piano-orange-50:#3b1d02;--piano-orange-100:#4f2603;--piano-orange-200:#623004;--piano-orange-300:#934806;--piano-orange-400:#c46008;--piano-orange-500:#e16e09;--piano-orange-600:#f68828;--piano-orange-700:#f8a359;--piano-orange-800:#fabe89;--piano-orange-900:#fcd9ba;--piano-purple-50:#220638;--piano-purple-100:#330a52;--piano-purple-200:#430e6d;--piano-purple-300:#541187;--piano-purple-400:#6415a2;--piano-purple-500:#7519bc;--piano-purple-600:#9143cd;--piano-purple-700:#ad6ede;--piano-purple-800:#c898ee;--piano-purple-900:#e4c2ff;--piano-elevation-shadow-1:0px 1px 2px 0px #00000042, 0px 0px 0px 1px #ffffff1f;--piano-elevation-shadow-2:0px 2px 4px -1px #00000042, 0px 3px 12px -1.5px #0000003b, 0px 0px 0px 1px #ffffff1f;--piano-elevation-shadow-3:0px 2px 4px -1px #00000047, 0px 4px 18px -2px #0000003d, 0px 0px 0px 1px #ffffff1f;--piano-elevation-shadow-4:0px 3px 6px -1.5px #0000004a, 0px 6px 24px -3px #0000003d, 0px 0px 0px 1px #ffffff1f;--piano-elevation-shadow-6:0px 4px 8px -2px #0000004a, 0px 8px 32px -4px #00000042, 0px 0px 0px 1px #ffffff1f;--piano-elevation-shadow-8:0px 6px 12px -3px #0000004a, 0px 9px 36px -4.5px #00000042, 0px 0px 0px 1px #ffffff1f;--piano-elevation-shadow-12:0px 8px 16px -4px #0000004a, 0px 12px 36px -6px #00000042, 0px 0px 0px 1px #ffffff1f;--piano-elevation-shadow-16:0px 10px 20px -5px #0000004a, 0px 16px 48px -8px #00000045, 0px 0px 0px 1px #ffffff1f;--editor-bg:var(--piano-white);--editor-black-5:#ffffff0d;--editor-black-10:#ffffff1a;--editor-black-20:#fff3;--editor-black-30:#ffffff4d;--editor-black-40:#fff6;--editor-black-50:#ffffff80;--editor-black-60:#fff9;--editor-black-70:#ffffffb3;--editor-black-80:#fffc;--editor-black-90:#ffffffe6;--editor-black-100:#fff;--editor-black:#ffffffe6;--editor-blue-10:#2485ff1a;--editor-blue-20:#2485ff33;--editor-blue-30:#2485ff4d;--editor-blue-50:#2485ff80;--editor-r-5:5px;--base-color-2:#2c2c2c;--base-color-3:#2f2f2f;--base-color-1-opacity-95:#171717f5;--base-color-1-opacity-20:#17171740;--base-color-4-opacity-90:#2c2c2ce6;--text-color-red:#ce9178;--text-color-green:#62ad3b;--text-color-blue:#569cd6;--shadow-color-0:#ffffff14;--shadow-color-1:#ffffff29;--shadow-color-2:#ffffff3d;--blue-color-1:#549fff;--cyan-color-1:#14c4fb;--blue-shadow-color-0:#549fff26;--blue-shadow-color-1:#549fff3d;--blue-shadow-color-2:#549fff52;--workflow-bg-image:url("data:image/svg+xml;utf8,<svg width=\"9\" height=\"9\" viewBox=\"0 0 9 9\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"4.5\" cy=\"4.5\" r=\"0.5\" fill=\"rgba(255,255,255,0.2)\"/></svg>");--logo-intercom:url(https://storage.googleapis.com/studio-front/logos/intercom-logo-dark.svg);--logo-search-console:url(https://storage.googleapis.com/studio-front/logos/google-search-console-logo-dark.svg);--logo-channel:url(https://storage.googleapis.com/studio-front/logos/channel-logo-dark.svg);--typesquare-bg:linear-gradient(#1c1c1c, #1c1c1cb3), url(https://storage.googleapis.com/studio-front/logos/typesquare-bg-dark.png);--create-schema-image-post:url(https://storage.googleapis.com/studio-front/dashboard/cms/create-schema/post-dark-rebranding.png);--create-schema-image-user:url(https://storage.googleapis.com/studio-front/dashboard/cms/create-schema/user-dark.png);--create-schema-image-category:url(https://storage.googleapis.com/studio-front/dashboard/cms/create-schema/category-dark-rebranding.png);--create-schema-image-custom:url(https://storage.googleapis.com/studio-front/dashboard/cms/create-schema/custom-dark.png);--plan-v1-publish:#3238ec;--plan-v2-free:#777;--plan-v2-basic:#3238ec;--plan-v2-pro:#3238ec;--recommend-color:#3238ec;--seo-site-title:#2970dc;--seo-site-url:#288e4f;--modal-backdrop-color:#0f0f0fcc;--select-blue:#2f72f6;--symbol-focused-color:#14141499;--pd-black-1:var(--piano-black);--pd-black-2:#ccc;--pd-black-3:#999;--pd-black-4:#444;--pd-black-5:#222;--pd-base-2:#242628;--pd-dark-1:var(--piano-black);--pd-focus:#0055ff4f;--pd-border-color-1:#555;--pd-pink-1:#fc32a9;--pd-pink-2:#fc32a91c;--pd-red-1:#fc3235;--pd-red-2:#4e0408;--pd-yellow-1:#e2ba57;--pd-yellow-2:#6d5a284d;--color-outline-focus-ring:var(--piano-blue-500);--color-text-secondary:#fff9;--color-bg-brand-tertiary:var(--piano-blue-100);--rebranding-loading-bg:#555;--rebranding-loading-bar:#eaeaea;--focus-outline-color:var(--piano-blue-500);--box-shadow-depth-1:0 0 0 1px #ffffff29;--box-shadow-depth-2:0 0 0 1px #ffffff3d;--protect-mixed-with-app-background-1:#fff3;--protect-mixed-with-app-background-2:#ffffff4d;--color-studio-main:linear-gradient(45deg, #f05, #f94cff);--color-studio-main-hover:linear-gradient(45deg, #f05, #f94cff);--color-studio-alpha:linear-gradient(45deg, #f052, #f94cff22);--color-studio-alpha-hover:linear-gradient(45deg, #f052, #f94cff22);--color-studio-text:#fff;--color-studio-text-hover:#fff;--color-default-main:#bec6c7;--color-default-main-hover:#bfedf3;--color-default-alpha:#bec6c722;--color-default-alpha-hover:#bfedf322;--color-default-text:#bec6c7;--color-default-text-hover:#bfedf3;--color-link-main:#3238ec;--color-link-main-hover:#5a5fe8;--color-link-alpha:transparent;--color-link-alpha-hover:transparent;--color-link-text:transparent;--color-link-text-hover:transparent;--color-primary-main:#fc32a9;--color-primary-main-hover:#4f54f5;--color-primary-alpha:#3238ec22;--color-primary-alpha-hover:#353bf922;--color-primary-text:#fff;--color-primary-text-hover:#fff;--color-success-main:#09885a;--color-success-main-hover:#0aab71;--color-success-alpha:#09885a22;--color-success-alpha-hover:#0aab7122;--color-success-text:#fff;--color-success-text-hover:#fff;--color-info-main:#fafafa;--color-info-main-hover:#ddd;--color-info-alpha:#fafafa22;--color-info-alpha-hover:#ddd2;--color-info-text:#191919;--color-info-text-hover:#191919;--color-warning-main:#ed8936;--color-warning-main-hover:#f1974c;--color-warning-alpha:#ed893622;--color-warning-alpha-hover:#f1974c22;--color-warning-text:#fff;--color-warning-text-hover:#fff;--color-error-main:#f40d10;--color-error-main-hover:#f13437;--color-error-alpha:#f40d1022;--color-error-alpha-hover:#f1343733;--color-error-text:#fff;--color-error-text-hover:#fff;--color-label-main:#777;--color-label-main-hover:#acacac;--color-label-alpha:#aaa2;--color-label-alpha-hover:#acacac22;--color-label-text:#fff;--color-label-text-hover:#fff;--color-cancel-main:#222;--color-cancel-main-hover:#333;--color-cancel-alpha:#eee2;--color-cancel-alpha-hover:#efefef22;--color-cancel-text:#777;--color-cancel-text-hover:#777;--condition-small-color:#263f3b;--condition-tablet-color:#303f2d;--condition-mobile-color:#413324;--condition-mini-color:#432b34;--condition-hover-color:#2d3c43;--condition-appear-color:#402c3b;--condition-scroll-color:#253d34;--condition-scroll-color-active:#345c4d}:root{--color-bg:var(--color-white-950);--color-border-accent-disabled:var(--color-blue-200);--color-border-accent:var(--color-blue-600);--color-border-danger-disabled:var(--color-red-300);--color-border-danger-light:var(--color-red-200);--color-border-danger:var(--color-red-700);--color-border-hover:var(--color-black-100);--color-border-inverse-strong:var(--color-white-950);--color-border-inverse:var(--color-white-200);--color-border-secondary:var(--color-black-200);--color-border-special-avatarblue:var(--color-blue-600);--color-border-special-avatargreen:var(--color-green-600);--color-border-special-avatarlightblue:var(--color-light-blue-600);--color-border-special-avatarorange:var(--color-orange-600);--color-border-special-avatarpink:var(--color-pink-600);--color-border-special-avatarpurple:var(--color-purple-600);--color-border-special-avatarred:var(--color-red-600);--color-border-special-component:var(--color-purple-600);--color-border-special-gap:var(--color-pink-400);--color-border-special-list:var(--color-light-blue-300);--color-border-special-margin:var(--color-orange-400);--color-border-special-padding:var(--color-green-400);--color-border-special-responsive-mini:var(--color-pink-400);--color-border-special-responsive-mobile:var(--color-orange-400);--color-border-special-responsive-small:var(--color-light-blue-400);--color-border-special-responsive-tablet:var(--color-green-400);--color-border-strong:var(--color-black-950);--color-border-warning:var(--color-orange-600);--color-border:var(--color-black-100);--color-icon-accent-hover:var(--color-blue-500);--color-icon-accent:var(--color-blue-700);--color-icon-danger-hover:var(--color-red-600);--color-icon-danger:var(--color-red-700);--color-icon-disabled:var(--color-black-300);--color-icon-hover:var(--color-black-800);--color-icon-inverse-hover:var(--color-white-800);--color-icon-inverse-secondary-hover:var(--color-white-500);--color-icon-inverse-secondary:var(--color-white-700);--color-icon-inverse:var(--color-white-950);--color-icon-loading:var(--color-black-600);--color-icon-on-accent:var(--color-blue-800);--color-icon-secondary-hover:var(--color-black-400);--color-icon-secondary:var(--color-black-700);--color-icon-special-list:var(--color-light-blue-300);--color-icon-special-published:var(--color-green-600);--color-icon-special-responsive-mini:var(--color-pink-400);--color-icon-special-responsive-mobile:var(--color-orange-400);--color-icon-special-responsive-small:var(--color-light-blue-400);--color-icon-special-responsive-tablet:var(--color-green-400);--color-icon-special-spinner-main:var(--color-gray-50);--color-icon-special-spinner-sub:var(--color-gray-800);--color-icon-success-hover:var(--color-green-700);--color-icon-success:var(--color-green-800);--color-icon-tertiary-hover:var(--color-black-300);--color-icon-tertiary:var(--color-black-500);--color-icon-warning-hover:var(--color-orange-600);--color-icon-warning:var(--color-orange-700);--color-icon:var(--color-black-950);--color-surface-accent-disabled:var(--color-blue-200);--color-surface-accent-light:var(--color-blue-50);--color-surface-accent:var(--color-blue-700);--color-surface-analytics-bg:#fafafa;--color-surface-analytics-graph:#0f70eb14;--color-surface-danger-light:var(--color-red-50);--color-surface-danger:var(--color-red-700);--color-surface-disabled:var(--color-gray-300);--color-surface-hover:var(--color-black-50);--color-surface-inverse-disabled:var(--color-gray-300);--color-surface-inverse-hover:var(--color-black-800);--color-surface-inverse-secondary:var(--color-gray-400);--color-surface-inverse:var(--color-black-950);--color-surface-loading:var(--color-gray-200);--color-surface-overlay-on-image:var(--color-black-300);--color-surface-overlay:var(--color-black-300);--color-surface-secondary-disabled:var(--color-black-50);--color-surface-secondary:var(--color-gray-50);--color-surface-special-animation-appear-light:var(--color-pink-50);--color-surface-special-animation-appear:var(--color-pink-500);--color-surface-special-animation-hover-light:var(--color-light-blue-50);--color-surface-special-animation-hover:var(--color-light-blue-300);--color-surface-special-avatarblue:var(--color-blue-700);--color-surface-special-avatargreen:var(--color-green-700);--color-surface-special-avatarlightblue:var(--color-light-blue-700);--color-surface-special-avatarorange:var(--color-orange-700);--color-surface-special-avatarpink:var(--color-pink-700);--color-surface-special-avatarpurple:var(--color-purple-700);--color-surface-special-avatarred:var(--color-red-700);--color-surface-special-cms-scheduled:var(--color-orange-500);--color-surface-special-component-light:#983ae31a;--color-surface-special-component:var(--color-purple-600);--color-surface-special-gap-light:#f373d21a;--color-surface-special-gap:var(--color-pink-400);--color-surface-special-list-light:#62e9fe1a;--color-surface-special-list:var(--color-light-blue-300);--color-surface-special-margin-light:#ee81491a;--color-surface-special-margin:var(--color-orange-400);--color-surface-special-padding-light:#88ff761a;--color-surface-special-padding:var(--color-green-400);--color-surface-special-responsive-mini:#f373d233;--color-surface-special-responsive-mobile:#ee814933;--color-surface-special-responsive-small:#26d6f533;--color-surface-special-responsive-tablet:#4df43433;--color-surface-success-light:var(--color-green-50);--color-surface-success:var(--color-green-400);--color-surface-tertiary:var(--color-gray-100);--color-surface-warning-light:var(--color-orange-50);--color-surface-warning:var(--color-orange-600);--color-surface:var(--color-white-950);--color-text-accent-hover:var(--color-blue-500);--color-text-accent:var(--color-blue-700);--color-text-danger-disabled:var(--color-red-300);--color-text-danger-hover:var(--color-red-600);--color-text-danger:var(--color-red-700);--color-text-disabled:var(--color-black-300);--color-text-hover:var(--color-black-800);--color-text-on-accent:var(--color-blue-800);--color-text-on-inverse-disabled:var(--color-white-600);--color-text-on-inverse-hover:var(--color-white-800);--color-text-on-inverse-secondary-hover:var(--color-white-500);--color-text-on-inverse-secondary:var(--color-white-700);--color-text-on-inverse:var(--color-white-950);--color-text-on-success:var(--color-green-800);--color-text-secondary-hover:var(--color-black-400);--color-text-secondary:var(--color-black-700);--color-text-special-animation-hover:var(--color-light-blue-300);--color-text-special-component:var(--color-purple-600);--color-text-special-responsive-mini:var(--color-pink-500);--color-text-special-responsive-mobile:var(--color-orange-400);--color-text-special-responsive-small:var(--color-light-blue-400);--color-text-special-responsive-tablet:var(--color-green-400);--color-text-static-inverse:var(--color-white-950);--color-text-static:var(--color-black-950);--color-text-success-hover:var(--color-green-700);--color-text-success:var(--color-green-700);--color-text-tertiary-hover:var(--color-black-300);--color-text-tertiary:var(--color-black-500);--color-text-warning-hover:var(--color-orange-600);--color-text-warning:var(--color-orange-700);--color-text:var(--color-black-950)}:root[data-theme=dark]{--color-bg:var(--color-gray-950);--color-border-accent-disabled:var(--color-blue-800);--color-border-accent:var(--color-blue-500);--color-border-danger-disabled:var(--color-red-900);--color-border-danger-light:var(--color-red-800);--color-border-danger:var(--color-red-400);--color-border-hover:var(--color-white-100);--color-border-inverse-strong:var(--color-black-950);--color-border-inverse:var(--color-black-200);--color-border-secondary:var(--color-white-300);--color-border-special-avatarblue:var(--color-blue-600);--color-border-special-avatargreen:var(--color-green-600);--color-border-special-avatarlightblue:var(--color-light-blue-600);--color-border-special-avatarorange:var(--color-orange-600);--color-border-special-avatarpink:var(--color-pink-600);--color-border-special-avatarpurple:var(--color-purple-600);--color-border-special-avatarred:var(--color-red-600);--color-border-special-component:var(--color-purple-600);--color-border-special-gap:var(--color-pink-400);--color-border-special-list:var(--color-light-blue-300);--color-border-special-margin:var(--color-orange-400);--color-border-special-padding:var(--color-green-400);--color-border-special-responsive-mini:var(--color-pink-400);--color-border-special-responsive-mobile:var(--color-orange-400);--color-border-special-responsive-small:var(--color-light-blue-400);--color-border-special-responsive-tablet:var(--color-green-400);--color-border-strong:var(--color-white-950);--color-border-warning:var(--color-orange-600);--color-border:var(--color-white-50);--color-icon-accent-hover:var(--color-blue-700);--color-icon-accent:var(--color-blue-500);--color-icon-danger-hover:var(--color-red-500);--color-icon-danger:var(--color-red-400);--color-icon-disabled:var(--color-white-400);--color-icon-hover:var(--color-white-800);--color-icon-inverse-hover:var(--color-black-800);--color-icon-inverse-secondary-hover:var(--color-black-500);--color-icon-inverse-secondary:var(--color-black-700);--color-icon-inverse:var(--color-black-950);--color-icon-loading:var(--color-white-500);--color-icon-on-accent:var(--color-blue-500);--color-icon-secondary-hover:var(--color-white-400);--color-icon-secondary:var(--color-white-600);--color-icon-special-list:var(--color-light-blue-300);--color-icon-special-published:var(--color-green-600);--color-icon-special-responsive-mini:var(--color-pink-400);--color-icon-special-responsive-mobile:var(--color-orange-400);--color-icon-special-responsive-small:var(--color-light-blue-400);--color-icon-special-responsive-tablet:var(--color-green-400);--color-icon-special-spinner-main:var(--color-gray-800);--color-icon-special-spinner-sub:var(--color-gray-100);--color-icon-success-hover:var(--color-green-600);--color-icon-success:var(--color-green-400);--color-icon-tertiary-hover:var(--color-white-300);--color-icon-tertiary:var(--color-white-400);--color-icon-warning-hover:var(--color-orange-600);--color-icon-warning:var(--color-orange-500);--color-icon:var(--color-white-950);--color-surface-accent-disabled:var(--color-blue-800);--color-surface-accent-light:var(--color-blue-950);--color-surface-accent:var(--color-blue-500);--color-surface-analytics-bg:#323232;--color-surface-analytics-graph:#2da5ff14;--color-surface-danger-light:var(--color-red-950);--color-surface-danger:var(--color-red-400);--color-surface-disabled:var(--color-gray-700);--color-surface-hover:var(--color-black-700);--color-surface-inverse-disabled:var(--color-gray-700);--color-surface-inverse-hover:var(--color-white-800);--color-surface-inverse-secondary:var(--color-gray-400);--color-surface-inverse:var(--color-white-950);--color-surface-loading:var(--color-gray-800);--color-surface-overlay-on-image:var(--color-black-600);--color-surface-overlay:var(--color-black-600);--color-surface-secondary-disabled:var(--color-black-700);--color-surface-secondary:var(--color-gray-900);--color-surface-special-animation-appear-light:var(--color-pink-950);--color-surface-special-animation-appear:var(--color-pink-500);--color-surface-special-animation-hover-light:var(--color-light-blue-950);--color-surface-special-animation-hover:var(--color-light-blue-300);--color-surface-special-avatarblue:var(--color-blue-700);--color-surface-special-avatargreen:var(--color-green-700);--color-surface-special-avatarlightblue:var(--color-light-blue-700);--color-surface-special-avatarorange:var(--color-orange-700);--color-surface-special-avatarpink:var(--color-pink-700);--color-surface-special-avatarpurple:var(--color-purple-700);--color-surface-special-avatarred:var(--color-red-700);--color-surface-special-cms-scheduled:var(--color-orange-500);--color-surface-special-component-light:#983ae31a;--color-surface-special-component:var(--color-purple-600);--color-surface-special-gap-light:#f373d21a;--color-surface-special-gap:var(--color-pink-400);--color-surface-special-list-light:#62e9fe1a;--color-surface-special-list:var(--color-light-blue-300);--color-surface-special-margin-light:#ee81491a;--color-surface-special-margin:var(--color-orange-400);--color-surface-special-padding-light:#88ff761a;--color-surface-special-padding:var(--color-green-400);--color-surface-special-responsive-mini:#f373d233;--color-surface-special-responsive-mobile:#ee814933;--color-surface-special-responsive-small:#26d6f533;--color-surface-special-responsive-tablet:#4df43433;--color-surface-success-light:var(--color-green-950);--color-surface-success:var(--color-green-600);--color-surface-tertiary:var(--color-gray-800);--color-surface-warning-light:var(--color-orange-950);--color-surface-warning:var(--color-orange-600);--color-surface:var(--color-gray-950);--color-text-accent-hover:var(--color-blue-700);--color-text-accent:var(--color-blue-500);--color-text-danger-disabled:var(--color-red-900);--color-text-danger-hover:var(--color-red-500);--color-text-danger:var(--color-red-400);--color-text-disabled:var(--color-white-400);--color-text-hover:var(--color-white-800);--color-text-on-accent:var(--color-blue-500);--color-text-on-inverse-disabled:var(--color-black-600);--color-text-on-inverse-hover:var(--color-black-800);--color-text-on-inverse-secondary-hover:var(--color-black-500);--color-text-on-inverse-secondary:var(--color-black-700);--color-text-on-inverse:var(--color-black-950);--color-text-on-success:var(--color-green-400);--color-text-secondary-hover:var(--color-white-400);--color-text-secondary:var(--color-white-600);--color-text-special-animation-hover:var(--color-light-blue-300);--color-text-special-component:var(--color-purple-600);--color-text-special-responsive-mini:var(--color-pink-500);--color-text-special-responsive-mobile:var(--color-orange-400);--color-text-special-responsive-small:var(--color-light-blue-400);--color-text-special-responsive-tablet:var(--color-green-400);--color-text-static-inverse:var(--color-white-950);--color-text-static:var(--color-black-950);--color-text-success-hover:var(--color-green-600);--color-text-success:var(--color-green-400);--color-text-tertiary-hover:var(--color-white-300);--color-text-tertiary:var(--color-white-400);--color-text-warning-hover:var(--color-orange-600);--color-text-warning:var(--color-orange-500);--color-text:var(--color-white-950)}:root{--piano-const-black:#1a1a1a;--piano-const-white:#fff;--piano-const-gray-50:#f5f5f5;--piano-const-gray-100:#ededed;--piano-const-gray-200:#e5e5e5;--piano-const-gray-300:#d6d6d6;--piano-const-gray-400:#b8b8b8;--piano-const-gray-500:#aaa;--piano-const-gray-600:#8e8e8e;--piano-const-gray-700:#616161;--piano-const-gray-800:#4c4c4c;--piano-const-gray-900:#303030;--piano-const-pink-50:#fff5fa;--piano-const-pink-100:#ffe3f2;--piano-const-pink-200:#fecde7;--piano-const-pink-300:#fe9acf;--piano-const-pink-400:#fd68b7;--piano-const-pink-500:#fd49a8;--piano-const-pink-600:#fc0387;--piano-const-pink-700:#ca026c;--piano-const-pink-800:#970251;--piano-const-pink-900:#650136;--piano-const-blue-50:#ecf5ff;--piano-const-blue-100:#e1eeff;--piano-const-blue-200:#cce3ff;--piano-const-blue-300:#9ac8fe;--piano-const-blue-400:#67acfe;--piano-const-blue-500:#4b9cfb;--piano-const-blue-600:#0275fd;--piano-const-blue-700:#025eca;--piano-const-blue-800:#014698;--piano-const-blue-900:#012f65;--piano-const-green-50:#f6fdf9;--piano-const-green-100:#e5faee;--piano-const-green-200:#d4f7e2;--piano-const-green-300:#a9efc5;--piano-const-green-400:#7ee7a8;--piano-const-green-500:#65e297;--piano-const-green-600:#29d66e;--piano-const-green-700:#21ab58;--piano-const-green-800:#188142;--piano-const-green-900:#10562c;--piano-const-yellow-50:#fffcf5;--piano-const-yellow-100:#fef7e2;--piano-const-yellow-200:#fdf2ce;--piano-const-yellow-300:#fbe59d;--piano-const-yellow-400:#f9d86c;--piano-const-yellow-500:#f8d04f;--piano-const-yellow-600:#f5be0a;--piano-const-yellow-700:#c49808;--piano-const-yellow-800:#937206;--piano-const-yellow-900:#624c04;--piano-const-red-50:#fff5f6;--piano-const-red-100:#fee2e5;--piano-const-red-200:#fdced4;--piano-const-red-300:#fb9daa;--piano-const-red-400:#f96c7f;--piano-const-red-500:#f84f65;--piano-const-red-600:#f50a29;--piano-const-red-700:#c40821;--piano-const-red-800:#930619;--piano-const-red-900:#620411;--piano-const-orange-50:#fef4ec;--piano-const-orange-100:#fdecdd;--piano-const-orange-200:#fce4cf;--piano-const-orange-300:#fac99e;--piano-const-orange-400:#f7ae6e;--piano-const-orange-500:#f69e51;--piano-const-orange-600:#f2780d;--piano-const-orange-700:#c2600a;--piano-const-orange-800:#914808;--piano-const-orange-900:#613005;--piano-const-purple-50:#f6eefc;--piano-const-purple-100:#efe1f9;--piano-const-purple-200:#e8d5f6;--piano-const-purple-300:#d0aaee;--piano-const-purple-400:#b980e5;--piano-const-purple-500:#ab67e0;--piano-const-purple-600:#8b2dd4;--piano-const-purple-700:#6e23a9;--piano-const-purple-800:#531a7f;--piano-const-purple-900:#371155;--project-list-header-height:64px;--project-list-sidebar-width:272px;--project-list-content-max-width:1200px;--account-settings-content-max-width:640px;--project-dashboard-header-height:64px}input::-ms-reveal{display:none}input::-ms-clear{display:none}dialog::backdrop{background-color:var(--modal-backdrop-color)}@property --g-angle{syntax:"<angle>";inherits:false;initial-value:180deg}@property --g-color-0{syntax:"<color>";inherits:false;initial-value:#0000}@property --g-position-0{syntax:"<percentage>";inherits:false;initial-value:.01%}@property --g-color-1{syntax:"<color>";inherits:false;initial-value:#0000}@property --g-position-1{syntax:"<percentage>";inherits:false;initial-value:100%}@property --g-color-2{syntax:"<color>";inherits:false;initial-value:#0000}@property --g-position-2{syntax:"<percentage>";inherits:false;initial-value:100%}@property --g-color-3{syntax:"<color>";inherits:false;initial-value:#0000}@property --g-position-3{syntax:"<percentage>";inherits:false;initial-value:100%}@property --g-color-4{syntax:"<color>";inherits:false;initial-value:#0000}@property --g-position-4{syntax:"<percentage>";inherits:false;initial-value:100%}@property --g-color-5{syntax:"<color>";inherits:false;initial-value:#0000}@property --g-position-5{syntax:"<percentage>";inherits:false;initial-value:100%}@property --g-color-6{syntax:"<color>";inherits:false;initial-value:#0000}@property --g-position-6{syntax:"<percentage>";inherits:false;initial-value:100%}@property --g-color-7{syntax:"<color>";inherits:false;initial-value:#0000}@property --g-position-7{syntax:"<percentage>";inherits:false;initial-value:100%}@property --g-color-8{syntax:"<color>";inherits:false;initial-value:#0000}@property --g-position-8{syntax:"<percentage>";inherits:false;initial-value:100%}@property --g-color-9{syntax:"<color>";inherits:false;initial-value:#0000}@property --g-position-9{syntax:"<percentage>";inherits:false;initial-value:100%}@property --g-color-10{syntax:"<color>";inherits:false;initial-value:#0000}@property --g-position-10{syntax:"<percentage>";inherits:false;initial-value:100%}@property --g-color-11{syntax:"<color>";inherits:false;initial-value:#0000}@property --g-position-11{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}