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