.chart-skeleton[data-v-268ebb99]{row-gap:55.3px;@media (width<=1800px){row-gap:27.3px}}.DropDownBlockTitle{&[data-v-9e5f84ec]{position:relative}&.title-layout[data-v-9e5f84ec]{margin-left:-8px}& [data-v-9e5f84ec]:hover{cursor:pointer;background-color:var(--piano-gray-100);transition:all .15s ease-in-out}& .button{&[data-v-9e5f84ec]{border-radius:6px;flex-shrink:0;align-items:center;height:24px;padding:14px 10px;display:inline-flex}& p[data-v-9e5f84ec]{color:var(--piano-black);font-size:14px;font-weight:700;line-height:20px}& .pages-font[data-v-9e5f84ec]{color:var(--piano-gray-600);font-size:14px;font-weight:400;line-height:16px}&[data-v-9e5f84ec]:hover{background-color:var(--piano-gray-50)}}& .options{&[data-v-9e5f84ec]{z-index:1;width:fit-content;height:fit-content;box-shadow:var(--piano-elevation-shadow-12);background-color:var(--piano-white);border-radius:8px;flex-direction:column;align-items:center;padding:8px 0;display:inline-flex;position:absolute;top:36px;overflow:hidden}& li{&[data-v-9e5f84ec]{color:var(--piano-black);background-color:var(--piano-white);justify-content:space-between;align-items:center;width:165px;height:32px;padding:20px 16px;font-size:12px;line-height:16px;display:flex}&[data-v-9e5f84ec]:hover{cursor:pointer;background-color:var(--piano-gray-50)}}}}.CurveChart{&[data-v-668ca0b6]{max-width:100%;height:100%;position:relative}& .chart[data-v-668ca0b6]{position:absolute;inset:0}}.hover-border[data-v-668ca0b6]{border-right:1px dashed var(--piano-blue-500);width:0;position:absolute;top:10px;bottom:30px;left:200px}.tooltip[data-v-668ca0b6]{background:var(--piano-white);background:var(--piano-white);pointer-events:none;border-radius:6px;flex-direction:column;align-items:center;gap:2px;margin-top:-8px;padding:16px 20px;display:flex;position:absolute;transform:translate(-50%,-100%)}.tooltip-update[data-v-668ca0b6]{color:var(--piano-blue-700);background:var(--piano-blue-50);white-space:nowrap;border-radius:4px;align-items:center;margin-bottom:8px;padding:2px 8px;font-size:10px;font-weight:700;line-height:14px}.tooltip-label[data-v-668ca0b6]{color:var(--piano-black);white-space:nowrap;font-size:10px;font-weight:400;line-height:14px}.tooltip-value[data-v-668ca0b6]{color:var(--piano-black);font-size:18px;font-weight:700;line-height:26px}.LineChartBlock[data-v-376b0bfd]{flex-direction:column;gap:24px;display:flex}.total-block[data-v-376b0bfd]{flex-direction:column;gap:16px;display:flex;@media screen and (width<=768px){gap:8px}}.section-title-wrapper[data-v-376b0bfd]{height:28px}.total-view[data-v-376b0bfd]{align-items:flex-end;column-gap:4px;display:flex}.total-view-number[data-v-376b0bfd]{color:var(--piano-black);font-size:32px;font-weight:700;line-height:40px;@media screen and (width<=768px){font-size:24px}}.curveChartContainer[data-v-376b0bfd]{height:418px;@media (height<=1100px){height:290px}}.TrendIndicator{&[data-v-65a4d60c]{justify-content:flex-end;align-items:center;gap:2px;display:flex}& p{&[data-v-65a4d60c]{color:var(--piano-red-500);font-weight:700}&.upTrend[data-v-65a4d60c]{color:var(--piano-green-700)}&.stay[data-v-65a4d60c],&.isDisabled[data-v-65a4d60c]{color:var(--piano-gray-600)}}}.InsightList{& .insight-list-item{&[data-v-3b70b849]{border:1px solid var(--piano-gray-100);border-radius:6px;flex:1 0 0}& .insight-data{&[data-v-3b70b849]{align-items:flex-end;display:flex}& .value[data-v-3b70b849]{margin-bottom:-11px;margin-right:2px;font-size:20px;font-weight:700;line-height:40px}}}}.MessagePanel{&[data-v-dd09cfa4]{background:linear-gradient(47deg,#cde4ff 0%,#ebf3fd 34.51%,#d4e7fd 69.32%,#ecf5ff 100%);border-radius:8px;width:100%;position:relative}&.dark[data-v-dd09cfa4]{background:linear-gradient(47deg,#002e65 0%,#013471 34.51%,#014698 69.32%,#00316b 100%)}}.message-text[data-v-dd09cfa4]{flex-direction:column;justify-content:center;row-gap:12px;display:flex}.encourage-traffic{&[data-v-dd09cfa4]{justify-content:space-between;column-gap:28px;height:100%;padding:32px 40px;display:flex}& .message-text[data-v-dd09cfa4]{flex:auto}& .scene-cards{&[data-v-dd09cfa4]{justify-content:flex-end;align-items:stretch;width:62%;display:flex}& .scene-card{&[data-v-dd09cfa4]{background-color:var(--piano-white);border-radius:8px;flex-direction:column;justify-content:flex-start;row-gap:20px;width:240px;min-width:140px;max-width:240px;height:100%;margin-left:12px;padding:16px;text-decoration:none;transition:all .1s ease-in-out;display:flex}&[data-v-dd09cfa4]:hover{background-color:var(--piano-gray-100)}& .scene-card-img[data-v-dd09cfa4]{border-radius:64px;width:56px;height:56px}}}}.no-visitors[data-v-dd09cfa4]{padding:32px 48px}@media screen and (width<=1024px){.encourage-traffic{&[data-v-dd09cfa4]{flex-direction:column;row-gap:12px;padding:24px}& .scene-cards{&[data-v-dd09cfa4]{flex-direction:column;row-gap:12px;width:100%;min-width:0}& .scene-card[data-v-dd09cfa4]{flex-direction:row;align-items:center;column-gap:12px;width:100%;min-width:0;max-width:100%;margin-left:0;padding:12px}}}}.pages-skeleton[data-v-19380234]{gap:90px;@media (width<=1800px){row-gap:60px}@media (width<=1600px){row-gap:40px}}.alert-message[data-v-19380234]{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex;position:absolute;bottom:0;left:0}@keyframes grow-588016f7{0%{width:var(--start-width)}to{width:var(--end-width)}}.bar-chart[data-v-588016f7]{background-color:var(--piano-blue-50);border-radius:32px;width:100%;height:2px;position:relative}.bar-chart-active[data-v-588016f7]{background-color:var(--piano-blue-500);border-radius:32px;height:2px;animation:1s cubic-bezier(.79,0,.58,1) forwards grow-588016f7;position:absolute;top:0}.path-data-list-item[data-v-c537809d]{flex-direction:column;align-self:stretch;align-items:flex-start;gap:12px;width:calc(100% + 32px);max-width:calc(100% + 32px);margin:0 -16px;display:flex}.path-info-block[data-v-c537809d]{justify-content:space-between;column-gap:4px;width:100%;max-width:100%;display:flex}.cms-label[data-v-c537809d]{color:var(--piano-white);background-color:var(--piano-gray-600);border-radius:5px;flex-shrink:0;padding:2px 4px;font-size:10px;font-weight:700;line-height:14px}.path-text{&[data-v-c537809d]{flex-grow:1;column-gap:4px}& .page-link{&[data-v-c537809d]{cursor:pointer;overflow-wrap:break-word;word-break:break-all;align-items:center;width:fit-content;max-width:100%;display:flex;position:relative}&:hover{& .page-name[data-v-c537809d]{color:var(--piano-gray-500)}}}& .page-name[data-v-c537809d],& .page-path[data-v-c537809d]{white-space:pre-wrap;word-wrap:break-word;font-size:12px;line-height:16px}& .page-name[data-v-c537809d]{margin-right:4px;font-weight:700}& .page-path[data-v-c537809d]{color:var(--piano-gray-500);font-weight:400}}.path-data-list-item-right{&[data-v-c537809d]{flex-shrink:0;align-items:center;display:flex}& .trend[data-v-c537809d]{text-align:left;min-width:80px}}.page-path-value[data-v-c537809d]{font-size:16px;font-weight:700;line-height:16px}.page-ranking[data-v-62447e75]{text-align:left;flex-direction:column;justify-content:flex-start;row-gap:32px;height:100%;display:flex;@media (height<=1100px){row-gap:0}}.RankingBlockFree[data-v-5c687c7b]{position:relative}.free-plan-alert[data-v-5c687c7b]{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex;position:absolute;bottom:0;left:0}.PagePdDashboardAnalytics{&[data-v-a74aff1a]{flex-direction:column;width:100%;height:100%;padding:0;display:flex;position:relative}& .PagePdDashboardAnalyticsContainer[data-v-a74aff1a]{border:1px solid var(--pd-border-color-1);border-radius:8px;width:100%;padding:40px}& .top-page-top{&[data-v-a74aff1a]{column-gap:36px;height:auto;display:flex}& .total-chart-block[data-v-a74aff1a]{z-index:1;flex-direction:column;flex:auto;width:67%;max-width:67%;display:flex}& .ranking-block[data-v-a74aff1a]{flex:0 33%;min-width:250px;position:relative}}& .insight-block[data-v-a74aff1a]{width:100%;margin-top:50px}& .block-header{&[data-v-a74aff1a]{justify-content:space-between;align-items:center;display:flex}&.isFreePlan[data-v-a74aff1a]{pointer-events:none}}& .flex-column[data-v-a74aff1a]{flex-direction:column;row-gap:20px;display:flex}& .section-title-wrapper[data-v-a74aff1a]{height:28px}& .analytics-link{&[data-v-a74aff1a]{color:var(--piano-blue-600);font-weight:700;position:absolute;bottom:15px;right:15px}&[data-v-a74aff1a]:hover{opacity:.7}}}.MessagePanel[data-v-a74aff1a]{background:var(--piano-blue-50)}.m-avatar-uploader{&[data-v-a1c0bb41]{border-radius:50%}& .avatar-image[data-v-a1c0bb41]{background-position:50%;background-size:cover;border-radius:50%;flex:none}& .avatar-image-mask[data-v-a1c0bb41]{box-shadow:0 0 0 1px var(--shadow-color-0) inset;border-radius:50%}& .menu{&[data-v-a1c0bb41]{opacity:0;backdrop-filter:blur(2px);transition:var(--piano-hover-animation);border-radius:50%}&[data-v-a1c0bb41]:hover{opacity:1}}& .uploading{&[data-v-a1c0bb41]{background:#0000004d;border-radius:50%;transition:all .2s cubic-bezier(.4,.4,0,1)}&.v-leave-to[data-v-a1c0bb41]{opacity:0}&.v-enter-from{& .bar[data-v-a1c0bb41]{transform:scaleX(0)}}& .bar[data-v-a1c0bb41]{background:var(--rebranding-loading-bar);transform-origin:0 0;border-radius:1px;height:2px;transition:all .8s cubic-bezier(.4,.4,0,1);bottom:6px;left:6px;right:6px}}&:hover{& .delete-btn[data-v-a1c0bb41]{display:block}}& .default-logo-wrap{& span[data-v-a1c0bb41]{background:#fff;border-radius:1px;transform:rotate(-45deg)}}}.m-checkbox{&[data-v-f8e36781]{background-color:var(--piano-gray-50);border:1px solid var(--piano-gray-200);width:22px;height:22px}&:hover{&[data-v-f8e36781]{background-color:var(--piano-gray-200)}& .check{& use[data-v-f8e36781]{stroke:var(--piano-const-white)}}}&.on{&[data-v-f8e36781]{background-color:var(--piano-blue-500);border-color:var(--piano-blue-500)}& .check{& use[data-v-f8e36781]{stroke:var(--piano-const-white)}}}&.disabled{&[data-v-f8e36781]{background-color:var(--piano-gray-100);pointer-events:none}&.on{&[data-v-f8e36781]{background-color:var(--piano-gray-100);border-color:var(--piano-gray-200)}& .check{& use[data-v-f8e36781]{stroke:var(--piano-const-white)}}}}}.m-chip-delete-button{&[data-v-c3d15352]{border-radius:50%}&.sm[data-v-c3d15352]{width:16px;height:16px}&.md[data-v-c3d15352]{width:20px;height:20px}}.m-radio{&[data-v-7db64cd9]{width:24px;height:24px}& .pseudo-radio-1{&[data-v-7db64cd9]{border:1px solid var(--piano-border-color);background-color:var(--piano-white);border-radius:11px;width:22px;height:22px}&.isDisabled[data-v-7db64cd9]{border:1px solid var(--piano-gray-200);background-color:var(--piano-gray-100)}&.isChecked{&[data-v-7db64cd9]{background-color:var(--piano-blue-500);border:none}&.isDisabled[data-v-7db64cd9]{background-color:var(--piano-gray-600)}}& .pseudo-radio-2{&[data-v-7db64cd9]{border-radius:10px;width:20px;height:20px}& .pseudo-radio-3[data-v-7db64cd9]{border-radius:7px;width:14px;height:14px}}}}.BaseSpinner{&[data-v-ee18e9f0]{width:16px;height:16px;display:inline-block}& .spinner[data-v-ee18e9f0]{border:2px solid #fff3;border-top-color:var(--text-color-3);border-left-color:var(--text-color-3);border-radius:50%;width:16px;height:16px;animation:1s linear infinite loading-spin-ee18e9f0;display:inline-block}& .text[data-v-ee18e9f0]{margin-left:10px}}@keyframes loading-spin-ee18e9f0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.snackbar{&[data-v-796f3a89]{transition:background-color var(--piano-hover-animation), border-color var(--piano-hover-animation);bottom:32px;left:50%;transform:translate(-50%)}&.v-enter-active[data-v-796f3a89],&.v-leave-active[data-v-796f3a89]{transition:all .4s cubic-bezier(.4,.4,0,1)}&.v-enter-from[data-v-796f3a89],&.v-leave-to[data-v-796f3a89]{opacity:0;transform:translate(-50%,5px)}&[data-v-796f3a89]:hover{background-color:var(--piano-gray-800);border-color:var(--piano-gray-800)}}.snackbar{&[data-v-ef1d0256]{transition:background-color var(--piano-hover-animation), border-color var(--piano-hover-animation);bottom:32px;left:50%;transform:translate(-50%)}&.v-enter-active[data-v-ef1d0256],&.v-leave-active[data-v-ef1d0256]{transition:all .4s cubic-bezier(.4,.4,0,1)}&.v-enter-from[data-v-ef1d0256],&.v-leave-to[data-v-ef1d0256]{opacity:0;transform:translate(-50%,5px)}&[data-v-ef1d0256]:hover{background-color:var(--piano-gray-800);border-color:var(--piano-gray-800)}}