.page-default-margin[data-v-9b95a781]{margin-bottom:1rem;margin-left:1rem;margin-right:1rem;padding-top:4rem}@media (min-width:1024px){.page-default-margin[data-v-9b95a781]{margin-left:5rem;margin-right:5rem;padding-top:4.5rem}}@media (min-width:1280px){.page-default-margin[data-v-9b95a781]{margin-left:10rem;margin-right:10rem}}@media (min-width:2000px){.page-default-margin[data-v-9b95a781]{margin-left:24rem;margin-right:24rem}}.preview-page-detail-box[data-v-9b95a781]{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;height:100vh;overflow:hidden;width:100vw}.preview-page-detail-box .detail-info-box[data-v-9b95a781]{left:0;padding:1rem;pointer-events:none;position:absolute;top:3rem;width:100%}@media (min-width:1024px){.preview-page-detail-box .detail-info-box[data-v-9b95a781]{top:3.5rem}}.preview-page-detail-box .detail-info-box .detail-info[data-v-9b95a781]{--tw-border-opacity:.1;-webkit-backdrop-filter:saturate(150%) blur(16px);backdrop-filter:saturate(150%) blur(16px);background-color:#1f1f1f33;border:.08rem solid hsla(0,0%,100%,.1);border-color:rgb(255 255 255/var(--tw-border-opacity))}@media (min-width:640px){.preview-page-detail-box .detail-info-box .detail-info[data-v-9b95a781]{border-width:.1rem}}.preview-page-detail-box .detail-info-box .detail-info[data-v-9b95a781]{border-radius:1rem;display:inline-block;max-width:100%;overflow:hidden;pointer-events:auto;transform:translateZ(0);transform-style:preserve-3d}@media (min-width:640px){.preview-page-detail-box .detail-info-box .detail-info[data-v-9b95a781]{max-width:32rem}}.preview-page-detail-box .detail-info-box .detail-info[data-v-9b95a781]{height:var(--title-height);transition:all .3s}.preview-page-detail-box .detail-info-box .detail-info[data-v-9b95a781]:hover{height:var(--detail-info-height)}.preview-page-detail-box .detail-info-box .detail-info .title[data-v-9b95a781]{font-size:1.125rem;line-height:1.75rem;padding:.5rem}@media (min-width:640px){.preview-page-detail-box .detail-info-box .detail-info .title[data-v-9b95a781]{font-size:1.5rem;line-height:2rem;padding:1rem}}.preview-page-detail-box .detail-info-box .detail-info .category[data-v-9b95a781]{--tw-bg-opacity:.1;--tw-text-opacity:.6;background-color:#ffffff1a;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.375rem;color:#fff9;color:rgb(255 255 255/var(--tw-text-opacity));margin-right:.5rem;padding-left:.5rem;padding-right:.5rem}.preview-page-detail-box .detail-info-box .detail-info .time[data-v-9b95a781]{--tw-text-opacity:.4;color:#fff6;color:rgb(255 255 255/var(--tw-text-opacity))}.preview-page-detail-box .detail-info-box .detail-info .summary[data-v-9b95a781]{--tw-text-opacity:.6;color:#fff9;color:rgb(255 255 255/var(--tw-text-opacity));margin-top:.25rem}.preview-page-detail-box .detail-info-box .code-info[data-v-9b95a781]{--tw-border-opacity:.1;-webkit-backdrop-filter:saturate(150%) blur(16px);backdrop-filter:saturate(150%) blur(16px);background-color:#1f1f1f33;border:.08rem solid hsla(0,0%,100%,.1);border-color:rgb(255 255 255/var(--tw-border-opacity))}@media (min-width:640px){.preview-page-detail-box .detail-info-box .code-info[data-v-9b95a781]{border-width:.1rem}}.preview-page-detail-box .detail-info-box .code-info[data-v-9b95a781]{border-radius:9999px;cursor:pointer;height:3rem;margin-top:.5rem;overflow:hidden;pointer-events:auto;transform:translateZ(0);transform-style:preserve-3d;transition:all .3s;width:3rem}.preview-page-detail-box .detail-info-box .code-info a[data-v-9b95a781]{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.preview-page-detail-box .detail-info-box .code-info.active[data-v-9b95a781],.preview-page-detail-box .detail-info-box .code-info[data-v-9b95a781]:hover{background-color:#ffffff1a}.preview-page-detail-box .detail-info-box .code-info[data-v-9b95a781]:active{background-color:#fff3;transform:scale(.95)}.preview-page-detail-box .code-box[data-v-9b95a781]{width:20%}.preview-page-detail-box .preview-box[data-v-9b95a781]{flex:1 1 0%;overflow:hidden;position:relative}.preview-page-detail-box .preview-box iframe[data-v-9b95a781]{height:100%;width:100%}