.page[data-v-0c77f340]{align-items:center;flex-direction:column}.page .breadcrumb[data-v-0c77f340]{margin-top:2.5rem}.page .breadcrumb .back[data-v-0c77f340]{align-items:center;display:flex;gap:.5rem}.page .breadcrumb .back:hover i[data-v-0c77f340]{--tw-translate-x:-.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.page .breadcrumb .back p[data-v-0c77f340]{font-weight:500;--tw-text-opacity:1;color:rgb(18 38 43/var(--tw-text-opacity,1))}.page .breadcrumb .back i[data-v-0c77f340]{font-size:1.125rem;line-height:1;transition-duration:.3s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.page .jumbotron[data-v-0c77f340]{flex-direction:column;gap:1.25rem;margin-top:1.5rem}@media(min-width:1328px){.page .jumbotron[data-v-0c77f340]{align-items:center;flex-direction:row;gap:0;justify-content:space-between}}.page .jumbotron .h1[data-v-0c77f340]{font-size:2rem;line-height:2.5rem}@media(min-width:768px)and (max-height:767px){.page .jumbotron .h1[data-v-0c77f340]{font-size:2rem;font-weight:500;line-height:2.5rem}}@media(min-width:768px)and (min-height:768px){.page .jumbotron .h1[data-v-0c77f340]{font-size:3rem;font-weight:400;line-height:64px}}@media(min-width:768px)and (max-height:767px){.page .jumbotron .h1[data-v-0c77f340] b,.page .jumbotron .h1[data-v-0c77f340] strong{font-weight:500}}@media(min-width:768px)and (min-height:768px){.page .jumbotron .h1[data-v-0c77f340] b,.page .jumbotron .h1[data-v-0c77f340] strong{font-weight:400}}.page .jumbotron .customize[data-v-0c77f340]{flex-direction:column;gap:1.25rem}@media(min-width:1328px){.page .jumbotron .customize[data-v-0c77f340]{width:auto}}.page .jumbotron .customize .palette[data-v-0c77f340]{gap:.75rem;height:1.5rem;position:relative;width:auto}.page .jumbotron .customize .palette[data-v-0c77f340]:before{border-radius:9999px;height:1.75rem;left:calc(36px*var(--index) - 2px);position:absolute;top:-.125rem;width:1.75rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06));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);--tw-content:"";content:var(--tw-content)}.page .jumbotron .customize .palette .color[data-v-0c77f340]{background-color:var(--background-color);border-radius:9999px;cursor:pointer;height:1.5rem;position:relative;width:1.5rem}.page .jumbotron .customize .palette .color[data-v-0c77f340]:before{background-image:linear-gradient(to bottom,var(--tw-gradient-stops));border-radius:9999px;height:100%;left:0;position:absolute;top:0;width:100%;--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:rgba(0,0,0,.3) var(--tw-gradient-to-position);--tw-content:"";content:var(--tw-content)}.page .jumbotron .customize .palette .color[data-v-0c77f340]:after{background-color:var(--background-color);border-radius:9999px;height:22px;left:1px;position:absolute;top:1px;width:22px;--tw-content:"";content:var(--tw-content)}.page .jumbotron .customize .button[data-v-0c77f340]{gap:.5rem}@media(min-width:1328px){.page .jumbotron .customize[data-v-0c77f340]{align-items:center;flex-direction:row;gap:2.5rem}}.page .types[data-v-0c77f340]{margin-top:2rem}@media(min-width:768px){.page .types[data-v-0c77f340]{justify-content:center}}.page .types .list[data-v-0c77f340]{flex-wrap:nowrap;max-width:none;overflow-x:auto;width:auto}.page .types .list a[data-v-0c77f340]{border-radius:.5rem;flex-shrink:0;padding:.5rem .75rem}.page .types .list a.active[data-v-0c77f340]{--tw-bg-opacity:1;background-color:rgb(246 248 249/var(--tw-bg-opacity,1))}.page .types .list a.active p[data-v-0c77f340]{--tw-text-opacity:1;color:rgb(18 38 43/var(--tw-text-opacity,1))}.page .types .list a p[data-v-0c77f340]{font-weight:500}.page .renderer[data-v-0c77f340]{justify-content:center;margin-top:3rem}.page .renderer .inner[data-v-0c77f340]{border-color:#0000001a;border-radius:1rem;border-width:1px;max-width:600px}.page .use-this-template[data-v-0c77f340]{justify-content:center;margin-top:3rem}@media(min-width:768px){.page .use-this-template[data-v-0c77f340]{margin-top:5rem}}@media(min-width:1328px){.page .use-this-template[data-v-0c77f340]{width:31.25%}}.page .use-this-template .inner[data-v-0c77f340]{border-radius:.5rem;border-width:2px;flex-direction:column;gap:1.5rem;--tw-border-opacity:1;border-color:rgb(234 238 241/var(--tw-border-opacity,1));padding:1.5rem}.page .use-this-template .inner .title p[data-v-0c77f340]{font-size:1.5rem;font-weight:500;line-height:2rem;--tw-text-opacity:1;color:rgb(18 38 43/var(--tw-text-opacity,1))}.page .use-this-template .inner .buttons[data-v-0c77f340]{flex-direction:column;gap:1rem}.page .use-this-template .inner .buttons .button[data-v-0c77f340]{gap:.5rem;position:relative}.page .use-this-template .inner .buttons .button.copied[data-v-0c77f340]:after,.page .use-this-template .inner .buttons .button.copied[data-v-0c77f340]:before{opacity:1;visibility:visible}.page .use-this-template .inner .buttons .button[data-v-0c77f340]:after{--tw-translate-y:-100%;border-radius:.75rem;--tw-bg-opacity:1;font-family:Object Sans,Object Sans fallback;font-size:1.125rem;font-weight:400;line-height:1.75rem;padding:14px 1.5rem;--tw-text-opacity:1;color:rgb(18 38 43/var(--tw-text-opacity,1));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--tw-content:attr(data-copied)}.page .use-this-template .inner .buttons .button[data-v-0c77f340]:after,.page .use-this-template .inner .buttons .button[data-v-0c77f340]:before{background-color:rgb(246 248 249/var(--tw-bg-opacity,1));content:var(--tw-content);opacity:0;position:absolute;top:-.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.1s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);visibility:hidden}.page .use-this-template .inner .buttons .button[data-v-0c77f340]:before{height:.75rem;width:.75rem;--tw-translate-y:-50%;--tw-rotate:45deg;border-radius:.125rem;--tw-bg-opacity:1;--tw-content:""}.page .how-to[data-v-0c77f340]{align-items:center;flex-direction:column;gap:3rem;padding-bottom:5rem;padding-top:5rem}.page .how-to .h2[data-v-0c77f340]{text-align:center}@media(min-width:1328px){.page .how-to .h2[data-v-0c77f340]{max-width:840px}}.page .how-to .list[data-v-0c77f340]{align-items:center;flex-direction:column;gap:1rem}@media(min-width:1328px){.page .how-to .list[data-v-0c77f340]{align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:2.5rem}}.page .how-to .list .item[data-v-0c77f340]{align-items:center;flex-direction:column;gap:1.5rem;max-width:530px}@media(min-width:1328px){.page .how-to .list .item[data-v-0c77f340]{width:calc(33.33333% - 26.66667px)}}.page .how-to .list .item .illustration[data-v-0c77f340]{aspect-ratio:416/232;border-radius:1rem;overflow:hidden;position:relative;--tw-bg-opacity:1;background-color:rgb(246 248 249/var(--tw-bg-opacity,1))}.page .how-to .list .item .illustration .step[data-v-0c77f340]{align-items:center;border-radius:.5rem;display:flex;height:2.5rem;justify-content:center;left:1rem;position:absolute;top:1rem;width:2.5rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));font-size:1.25rem;font-weight:500;line-height:1.75rem;line-height:normal;padding:.5rem;--tw-text-opacity:1;color:rgb(18 38 43/var(--tw-text-opacity,1))}.page .how-to .list .item p[data-v-0c77f340]{text-align:center}.page .get-started[data-v-0c77f340]{padding-bottom:5rem;padding-top:5rem}.page .modal[data-v-0c77f340] .box .body{align-items:flex-start;gap:2rem}.page .modal[data-v-0c77f340] .box .body .icon{font-size:2.5rem;line-height:1}.page .modal[data-v-0c77f340] .box .body .content{flex-direction:column;gap:1rem}.page .modal[data-v-0c77f340] .box .body .actions{gap:1.5rem}