.paginaDePreview[data-v-3ba111c8] { background-color: var(--color-card,#fff); border-radius: 3px; flex-direction: column; width: 395px; height: 558.6px; padding: 28px 30px; display: flex; overflow: hidden; box-shadow: rgba(20, 20, 20, 0.15) 0px 8px 26px -4px, rgba(20, 20, 20, 0.06) 0px 8px 9px -5px; }
@layer properties {
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
  [data-v-f95b96f5], [data-v-f95b96f5]::before, [data-v-f95b96f5]::after, [data-v-f95b96f5]::backdrop { --tw-font-weight: initial; --tw-border-style: solid; --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; }
}
}
[data-v-f95b96f5] .form-group { margin-bottom: calc(var(--spacing,.25rem) * 4); flex-wrap: wrap; display: flex; }
[data-v-f95b96f5] .form-group::after { content: ""; clear: both; display: table; }
[data-v-f95b96f5] .control-label { font-size: var(--text-sm,.875rem); line-height: var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875))); --tw-font-weight: var(--font-weight-medium,500); font-weight: var(--font-weight-medium,500); color: var(--color-foreground,#2d2d2d); text-align: right; padding-top: 7px; }
[data-v-f95b96f5] .col-sm-3 { float: left; box-sizing: border-box; width: 25%; padding-left: 15px; padding-right: 15px; }
[data-v-f95b96f5] .col-sm-5 { float: left; box-sizing: border-box; width: 41.6667%; padding-left: 15px; padding-right: 15px; }
[data-v-f95b96f5] .col-sm-7 { float: left; box-sizing: border-box; width: 58.3333%; padding-left: 15px; padding-right: 15px; }
[data-v-f95b96f5] .col-sm-9 { float: left; box-sizing: border-box; width: 75%; padding-left: 15px; padding-right: 15px; }
[data-v-f95b96f5] .form-control { height: calc(var(--spacing,.25rem) * 9); border-radius: var(--radius-md,.375rem); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-border,#e8e4df); background-color: var(--color-input-background,var(--color-card,#fff)); width: 100%; padding-inline: calc(var(--spacing,.25rem) * 3); font-size: var(--text-sm,.875rem); line-height: var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875))); display: block; }
[data-v-f95b96f5] .form-control:focus { --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); --tw-ring-color: var(--color-ring,#e07b4f); --tw-outline-style: none; outline-style: none; }
[data-v-f95b96f5] .form-control:disabled { cursor: not-allowed; background-color: var(--color-muted,#e8e4df); opacity: 0.6; }
:is([data-v-f95b96f5] .checkbox, [data-v-f95b96f5] .radio) { margin-bottom: var(--spacing,.25rem); }
:is([data-v-f95b96f5] .checkbox label, [data-v-f95b96f5] .radio label) { cursor: pointer; align-items: flex-start; gap: calc(var(--spacing,.25rem) * 2); font-size: var(--text-sm,.875rem); line-height: var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875))); --tw-font-weight: var(--font-weight-normal,400); font-weight: var(--font-weight-normal,400); display: flex; }
:is([data-v-f95b96f5] .checkbox input[type="checkbox"], [data-v-f95b96f5] .radio input[type="radio"]) { margin-top: calc(var(--spacing,.25rem) * .5); }
[data-v-f95b96f5] .btn { cursor: pointer; align-items: center; gap: var(--spacing,.25rem); border-radius: var(--radius-md,.375rem); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-border,#e8e4df); background-color: var(--color-background,#f5f1ed); padding-inline: calc(var(--spacing,.25rem) * 3); padding-block: calc(var(--spacing,.25rem) * 1.5); font-size: var(--text-sm,.875rem); line-height: var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875))); --tw-font-weight: var(--font-weight-medium,500); font-weight: var(--font-weight-medium,500); display: inline-flex; }
[data-v-f95b96f5] .btn:hover { background-color: var(--color-muted,#e8e4df); }
[data-v-f95b96f5] .btn-sm { padding-inline: calc(var(--spacing,.25rem) * 2.5); padding-block: var(--spacing,.25rem); font-size: var(--text-xs,.75rem); line-height: var(--tw-leading,var(--text-xs--line-height,calc(1 / .75))); }
[data-v-f95b96f5] .bs-callout { border-radius: var(--radius-lg,.5rem); border-left-style: var(--tw-border-style); padding: calc(var(--spacing,.25rem) * 3); border-left-width: 4px; }
[data-v-f95b96f5] .bs-callout-info { font-size: var(--text-sm,.875rem); line-height: var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875))); color: rgb(25, 60, 184); background-color: rgb(239, 246, 255); border-left-color: rgb(84, 162, 255); }
@supports (color:#000) and (top:var(--f)) {
  [data-v-f95b96f5] .bs-callout-info { border-left-color: var(--color-blue-400,#54a2ff); background-color: var(--color-blue-50,#eff6ff); color: var(--color-blue-800,#193cb8); }
}
@media screen {
  [data-v-f95b96f5] .bs-callout-info:where(.dark, .dark *) { background-color: rgba(84, 162, 255, 0.12); }
  @supports (color:color-mix(in lab, red, red)) {
  [data-v-f95b96f5] .bs-callout-info:where(.dark, .dark *) { background-color: rgba(84, 162, 255, 0.12); }
  @supports (color:color-mix(in lch, red, blue)) and (color:#000) and (top:var(--f)) {
  [data-v-f95b96f5] .bs-callout-info:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-blue-400,#54a2ff) 12%, transparent); }
}
}
  [data-v-f95b96f5] .bs-callout-info:where(.dark, .dark *) { color: rgb(144, 197, 255); }
  @supports (color:#000) and (top:var(--f)) {
  [data-v-f95b96f5] .bs-callout-info:where(.dark, .dark *) { color: var(--color-blue-300,#90c5ff); }
}
}
[data-v-f95b96f5] .help-block { margin-top: var(--spacing,.25rem); font-size: var(--text-sm,.875rem); line-height: var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875))); color: var(--color-muted-foreground,#666); }
[data-v-f95b96f5] .text-muted { color: var(--color-muted-foreground,#666); }
[data-v-f95b96f5] .breadcrumb { margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: calc(var(--spacing,.25rem) * 3); align-items: center; gap: calc(var(--spacing,.25rem) * 2); font-size: var(--text-sm,.875rem); line-height: var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875))); padding: 0px; list-style-type: none; display: flex; }
[data-v-f95b96f5] .breadcrumb li { align-items: center; gap: calc(var(--spacing,.25rem) * 2); display: flex; }
[data-v-f95b96f5] .breadcrumb li a { color: rgb(21, 93, 252); }
@supports (color:#000) and (top:var(--f)) {
  [data-v-f95b96f5] .breadcrumb li a { color: var(--color-blue-600,#155dfc); }
}
@media (hover: hover) {
  [data-v-f95b96f5] .breadcrumb li a:hover { text-decoration-line: underline; }
}
@media screen {
  [data-v-f95b96f5] .breadcrumb li a:where(.dark, .dark *) { color: rgb(144, 197, 255); }
  @supports (color:#000) and (top:var(--f)) {
  [data-v-f95b96f5] .breadcrumb li a:where(.dark, .dark *) { color: var(--color-blue-300,#90c5ff); }
}
}
[data-v-f95b96f5] .breadcrumb li.active { color: var(--color-muted-foreground,#666); }
[data-v-f95b96f5] .m-b-30 { margin-bottom: 30px; }
[data-v-f95b96f5] .m-b-15 { margin-bottom: 15px; }
[data-v-f95b96f5] .m-b-5 { margin-bottom: 5px; }
[data-v-f95b96f5] .m-b-0 { margin-bottom: 0px; }
[data-v-f95b96f5] .m-t-0 { margin-top: 0px; }
[data-v-f95b96f5] .m-t-5 { margin-top: 5px; }
[data-v-f95b96f5] .m-l-10 { margin-left: 10px; }
[data-v-f95b96f5] .p-5 { padding: 5px; }
[data-v-f95b96f5] .p-15 { padding: 15px; }
[data-v-f95b96f5] .p-t-0 { padding-top: 0px; }
[data-v-f95b96f5] .p-t-10 { padding-top: 10px; }
[data-v-f95b96f5] .p-l-15 { padding-left: 15px; }
[data-v-f95b96f5] .p-r-15 { padding-right: 15px; }
[data-v-f95b96f5] .p-b-10 { padding-bottom: 10px; }
[data-v-f95b96f5] .loadingComponent { opacity: 0.5; animation: 1.5s ease-in-out 0s infinite normal none running pulse-f95b96f5; }
@keyframes pulse-f95b96f5 { 
  50% { opacity: 0.5; }
}
[data-v-f95b96f5] h3 { font-size: var(--text-base,1rem); line-height: var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1))); --tw-font-weight: var(--font-weight-semibold,600); font-weight: var(--font-weight-semibold,600); }
[data-v-f95b96f5] .template_design_selection_wrapper { position: relative; }
[data-v-f95b96f5] .template_design_selection_wrapper.selected { border: 1px solid hsl(var(--hue) calc(100% * 1) 25%); background-color: hsl(var(--hue) calc(100% * 1) 97%); border-radius: 5px; padding: 8px; }
@supports (color:hsl(0 0% 0% / 0)) and (top:var(--f)) {
  [data-v-f95b96f5] .template_design_selection_wrapper.selected { border: 1px solid hsl(var(--hue) calc(100% * var(--saturation-scale,1)) 25%); background-color: hsl(var(--hue) calc(100% * var(--saturation-scale,1)) 97%); }
}
[data-v-f95b96f5] .template_design_selection_wrapper.selected .selected_badge { border: 1px solid hsl(var(--hue) calc(100% * 1) 25%); position: absolute; top: -10px; left: 5px; }
@supports (color:hsl(0 0% 0% / 0)) and (top:var(--f)) {
  [data-v-f95b96f5] .template_design_selection_wrapper.selected .selected_badge { border: 1px solid hsl(var(--hue) calc(100% * var(--saturation-scale,1)) 25%); }
}
[data-v-f95b96f5] .badge--hue { align-items: center; gap: var(--spacing,.25rem); padding-inline: calc(var(--spacing,.25rem) * 2); padding-block: calc(var(--spacing,.25rem) * .5); font-size: var(--text-xs,.75rem); line-height: var(--tw-leading,var(--text-xs--line-height,calc(1 / .75))); --tw-font-weight: var(--font-weight-medium,500); font-weight: var(--font-weight-medium,500); background-color: hsl(var(--hue) calc(100% * 1) 93%); color: hsl(var(--hue) calc(100% * 1) 25%); border-radius: 2.14748e+09px; display: inline-flex; }
@supports (color:hsl(0 0% 0% / 0)) and (top:var(--f)) {
  [data-v-f95b96f5] .badge--hue { background-color: hsl(var(--hue) calc(100% * var(--saturation-scale,1)) 93%); color: hsl(var(--hue) calc(100% * var(--saturation-scale,1)) 25%); }
}
[data-v-f95b96f5] .preview_page_wrapper { --preview-width: 395px; width: var(--preview-width); height: calc(var(--preview-width) * 1.41429); text-decoration: none; display: block; }
[data-v-f95b96f5] .preview_page_wrapper:hover { text-decoration: none; }
[data-v-f95b96f5] .preview_page { --preview-page-width: calc((var(--preview-width) * 2) / 1.5); width: var(--preview-page-width); height: calc(var(--preview-page-width) * 1.41429); transform-origin: 0px 0px; cursor: pointer; user-select: none; background-color: rgb(255, 255, 255); border-radius: 3px; flex-direction: column; justify-content: space-between; transition: transform 0.1s ease-in; display: flex; position: relative; overflow: hidden; transform: scale(0.75); box-shadow: rgba(20, 20, 20, 0.15) 0px 8px 26px -4px, rgba(20, 20, 20, 0.06) 0px 8px 9px -5px; }
[data-v-f95b96f5] .preview_page:hover { z-index: 2; transform: scale(0.77) translate(-5px, -5px); }
[data-v-f95b96f5] .preview_page .preview_body { color: rgb(51, 51, 51); overflow-wrap: break-word; font-family: "Times New Roman", serif; font-size: 15px; line-height: 1.6em; }
[data-v-f95b96f5] .preview_page .preview_body :first-child { margin-top: 0px; }
[data-v-f95b96f5] .preview_page .preview_body p { text-indent: 2rem; margin-top: 1em; margin-bottom: 1em; }
[data-v-f95b96f5] .preview_page .preview_body p:not([class^="Align" i]) { text-align: justify; }
[data-v-f95b96f5] .preview_page .preview_body blockquote { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin: 0px; padding: 0px; }
[data-v-f95b96f5] .preview_page .preview_body blockquote p { text-indent: 0px; margin-left: 5em; font-size: 14.9px; line-height: 1.3em; }
[data-v-f95b96f5] .m-b-10 { margin-bottom: 10px; }
@media screen {
  .dark .preview_page { color: rgb(45, 45, 45); background-color: rgb(244, 241, 236); }
}
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@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; }