@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;200;300;400;500;700&family=Montserrat:wght@100;200;300;400;500;700&display=swap";.newsletterDesigner{--background: hsl(0, 0%, 100%);--foreground: hsl(0, 0%, 3.9%);--card: hsl(0, 0%, 97%);--card-foreground: hsl(0, 0%, 3.9%);--popover: hsl(0, 0%, 100%);--popover-foreground: hsl(0, 0%, 3.9%);--primary: hsl(204, 70%, 54%);--primary-foreground: hsl(204, 85.7%, 97.3%);--secondary: hsl(204, 0%, 96.1%);--secondary-foreground: hsl(204, 0%, 9%);--muted: hsl(204, 0%, 96.1%);--muted-foreground: hsl(204, 0%, 45.1%);--accent: hsl(204, 0%, 96.1%);--accent-foreground: hsl(204, 0%, 9%);--destructive: hsl(0, 84.2%, 60.2%);--destructive-foreground: hsl(0, 0%, 98%);--border: hsl(204, 0%, 89.8%);--input: hsl(204, 0%, 89.8%);--ring: hsl(204, 70%, 54%);--shadow: hsla(0, 0%, 0%, .2);--radius: .5rem}.newsletterDesigner[data-theme=dark]{--background: hsl(0, 0%, 3.9%);--foreground: hsl(0, 0%, 98%);--card: hsl(0, 0%, 6.9%);--card-foreground: hsl(0, 0%, 98%);--popover: hsl(0, 0%, 3.9%);--popover-foreground: hsl(0, 0%, 98%);--primary: hsl(204, 70%, 54%);--primary-foreground: hsl(204, 85.7%, 97.3%);--secondary: hsl(204, 0%, 14.9%);--secondary-foreground: hsl(0, 0%, 98%);--muted: hsl(204, 0%, 14.9%);--muted-foreground: hsl(204, 0%, 63.9%);--accent: hsl(204, 0%, 14.9%);--accent-foreground: hsl(0, 0%, 98%);--destructive: hsl(0, 62.8%, 30.6%);--destructive-foreground: hsl(0, 0%, 98%);--border: hsl(204, 0%, 14.9%);--input: hsl(204, 0%, 14.9%);--ring: hsl(204, 70%, 54%);--shadow: hsla(0, 0%, 100%, .3);--radius: .5rem}.newsletterDesigner .background-background,.newsletterDesigner .PreviewPanel{background-color:var(--background)}.newsletterDesigner .background-foreground{background-color:var(--foreground)}.newsletterDesigner .background-card,.newsletterDesigner .BlocksPanel{background-color:var(--card)}.newsletterDesigner .background-popover{background-color:var(--popover)}.newsletterDesigner .background-primary{background-color:var(--primary)}.newsletterDesigner .background-secondary{background-color:var(--secondary)}.newsletterDesigner .background-muted{background-color:var(--muted)}.newsletterDesigner .background-accent{background-color:var(--accent)}.newsletterDesigner .background-destructive{background-color:var(--destructive)}.newsletterDesigner .text-background{text-color:var(--background)}.newsletterDesigner .text-foreground{text-color:var(--foreground)}.newsletterDesigner .text-card{text-color:var(--card)}.newsletterDesigner .text-popover{text-color:var(--popover)}.newsletterDesigner .text-primary{text-color:var(--primary)}.newsletterDesigner .text-secondary{text-color:var(--secondary)}.newsletterDesigner .text-muted{text-color:var(--muted)}.newsletterDesigner .text-accent{text-color:var(--accent)}.newsletterDesigner .text-destructive{text-color:var(--destructive)}.newsletterDesigner .BlocksPanel{display:flex;flex-direction:column;gap:.5rem;height:150%;padding:1rem;justify-content:start;align-items:center;max-width:40rem;flex:4;min-width:24rem;border-bottom:1px solid var(--border)}@media (min-width: 768px){.newsletterDesigner .BlocksPanel{border-right:1px solid var(--border);height:100%}}.newsletterDesigner .BlocksPanel .blockSettingsButton{box-shadow:0 0 12px 6px var(--shadow)}.newsletterDesigner .BlocksPanel .blockSettingsButton:disabled{background-color:var(--muted-foreground);box-shadow:0 0;cursor:not-allowed}.newsletterDesigner .BlocksPanel .preset-manager-container{width:100%;position:relative;display:flex;flex-direction:column;gap:.5rem;border:1px solid var(--border);border-radius:var(--radius);align-items:center;padding:1.25rem .75rem .75rem}.newsletterDesigner .BlocksPanel .link-text{vertical-align:middle;background-color:transparent;border:none;flex:1;font-size:.8rem;color:var(--primary);width:100%;text-align:center;cursor:pointer}.newsletterDesigner .BlocksPanel .link-text:disabled{color:var(--muted-foreground);cursor:not-allowed}.newsletterDesigner .BlocksPanel .preset-manager-title{margin:0;line-height:.25rem;padding-top:0;padding-left:.35rem;padding-right:.35rem;position:absolute;background-color:var(--card);top:-.125rem;left:.5rem}.newsletterDesigner .BlocksPanel .preset-manager-buttons{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem}.newsletterDesigner .BlocksPanel .preset-manager-buttons>*{flex:1 1 calc(50% - .25rem);min-width:120px}.newsletterDesigner .BlocksPanel .import-button,.newsletterDesigner .BlocksPanel .load-button{display:flex;align-items:center;justify-content:center;gap:.5rem}.newsletterDesigner .BlocksPanel .PanelHeading{flex:1;font-size:1.35rem}@media (min-width: 768px){.newsletterDesigner .BlocksPanel .PanelHeading{font-size:1.5rem}}.newsletterDesigner .BlocksPanel .blocks{display:flex;flex-direction:column;border:1px solid var(--border);margin-bottom:.25rem;padding:.75rem;width:100%;height:100%;overflow-y:auto}.newsletterDesigner .BlocksPanel .blocks .ssrRibbon{transform:rotate(90deg);color:var(--foreground);padding:.125rem .25rem;font-size:14px;font-weight:300;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 .5rem var(--foreground)}.newsletterDesigner .BlocksPanel .blocks .ssrLabel{font-size:1.5rem;font-weight:300;margin-left:1rem;color:var(--foreground);text-shadow:0 0 .5rem var(--foreground)}.newsletterDesigner .BlocksPanel .blocks .collapsibleTrigger{display:flex;align-items:center;justify-content:space-between}.newsletterDesigner .BlocksPanel .blocks .collapsibleTrigger span{flex:1;font-size:1.5rem;font-weight:300;margin-left:1rem}.newsletterDesigner .BlocksPanel .BlockSelector .ScrollAreaViewport>div{display:flex!important;flex-direction:row!important;gap:1rem}.newsletterDesigner .BlockMetaClickable{transform:scale(1.5)}.newsletterDesigner .BlockMetaClickable:hover{box-shadow:0 4px 8px rgba(var(--foreground),.5);transform:scale(1.02)!important;transition:all .2s!important}.newsletterDesigner .BlockMetaClickable:focus{transform:scale(.98)!important}.newsletterDesigner .BlockMetaClickable:active{transform:scale(.98)!important}.newsletterDesigner .blockForm.disabled{opacity:.5}.newsletterDesigner .blockForm .panel-title{margin:.5rem}.newsletterDesigner .blockForm fieldset{padding:0;font-family:Poppins,Arial,Helvetica,sans-serif;display:flex;flex-direction:column;border:0!important;gap:1rem}.newsletterDesigner .blockForm fieldset .hidden{display:none}.newsletterDesigner .blockForm fieldset .field{display:flex;flex-direction:column}.newsletterDesigner .BlockMeta{background-color:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 0 5px var(--shadow);display:flex;flex-direction:column;max-width:200px;height:auto}.newsletterDesigner .BlockMeta .thumbnail{width:200px;height:auto;object-fit:contain;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}@media (min-width: 768px){.newsletterDesigner .BlockMeta .thumbnail{min-height:150px}}.newsletterDesigner .BlockMeta .label{font-size:1.4rem;text-align:center;font-weight:400;margin:.25rem .5rem;color:var(--foreground)}.newsletterDesigner .BlockMeta .description{font-size:.9rem;margin:0 1rem 1rem;flex-grow:1;max-height:100px}.newsletterDesigner .BlockMeta .tags{padding:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.newsletterDesigner .BlockMeta .tags span{font-size:.8rem;font-weight:300;color:var(--muted-foreground);background-color:var(--secondary);padding:.2rem .5rem;border-radius:var(--radius)}.newsletterDesigner .text-danger{color:red;font-size:1.1rem;font-family:Montserrat,Helvetica Neue,Arial,sans-serif!important;font-weight:400!important}.newsletterDesigner .text-primary{color:var(--primary);font-size:1.4rem;font-family:Montserrat,Helvetica Neue,Arial,sans-serif;font-weight:300;text-shadow:0 0 .5rem var(--primary)}.newsletterDesigner .text-base{font-size:1.2rem;font-family:Montserrat,Helvetica Neue,Arial,sans-serif;font-weight:300}.newsletterDesigner .control-label{font-family:Montserrat,Helvetica Neue,Arial,sans-serif}.newsletterDesigner .FileUploadWidget .input-toggle{display:flex;margin-bottom:1rem}.newsletterDesigner .FileUploadWidget .input-toggle button{flex:1;padding:.5rem;background:var(--background);border:1px solid var(--border);color:var(--foreground);cursor:pointer;transition:all .2s ease}.newsletterDesigner .FileUploadWidget .input-toggle button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.newsletterDesigner .FileUploadWidget .input-toggle button:last-child{border-radius:0 var(--radius) var(--radius) 0}.newsletterDesigner .FileUploadWidget .input-toggle button.active{background:var(--primary);color:var(--primary-foreground)}.newsletterDesigner .FileUploadWidget .urlBar{display:flex;gap:.5rem}.newsletterDesigner .FileUploadWidget .urlBar input[type=url]{flex:1;padding:.5rem;border:1px solid var(--border);border-radius:var(--radius)}.newsletterDesigner .FileUploadWidget .urlBar button{padding:.5rem 1rem;background:var(--primary);color:var(--primary-foreground);border:none;border-radius:var(--radius);cursor:pointer}.newsletterDesigner .FileUploadWidget input[type=file]::-webkit-file-upload-button{display:none}.newsletterDesigner .FileUploadWidget input[type=file]:before{margin-right:.5rem;content:"Select files";display:inline-block;background:var(--background);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem 1rem;outline:none;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;font-family:Montserrat,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:1rem;transition:all .2s ease}.newsletterDesigner .FileUploadWidget input[type=file]:hover:before{background:var(--secondary);border-color:color-mix(in srgb,var(--foreground) 90%,transparent)}.newsletterDesigner .FileUploadWidget input[type=file]:active:before{background:var(--card);transform:scale(.98)}.newsletterDesigner .FileUploadWidget input[type=file]:focus:before{border-color:2px dashed color-mix(in srgb,var(--primary) 90%,transparent);box-shadow:0 2px 4px rgba(var(--primary),10)}.newsletterDesigner .FileUploadWidget input[type=file]:focus+div{border:2px dashed var(--primary)!important;box-shadow:0 2px 4px rgba(var(--primary-rgb),.1)}.newsletterDesigner .FileUploadWidget input[type=file]:focus{border-color:1px solid var(--primary)}.newsletterDesigner .FileUploadWidget input[type=file]+div:hover{cursor:pointer;background:var(--accent)}.newsletterDesigner .FileUploadWidget .image-preview{display:flex;justify-content:center;align-items:center;margin:1rem;padding:1rem;border-radius:var(--radius);border:1px solid var(--border)}.newsletterDesigner .FileUploadWidget .image-preview:hover{cursor:pointer;background:var(--accent)}.newsletterDesigner input[type=text],.newsletterDesigner input[type=url],.newsletterDesigner textarea,.newsletterDesigner .editorInput{font-family:Montserrat,Helvetica Neue,Arial,sans-serif;border:1px solid var(--border);border-radius:.25rem;padding:.5rem;font-size:1rem;color:var(--foreground);background-color:var(--background);transition:all .2s ease}.newsletterDesigner input[type=text]:hover,.newsletterDesigner input[type=url]:hover,.newsletterDesigner textarea:hover,.newsletterDesigner .editorInput:hover{border-color:color-mix(in srgb,var(--foreground) 20%,var(--border));box-shadow:0 2px 4px rgba(var(--primary),.05)}.newsletterDesigner input[type=text]:focus,.newsletterDesigner input[type=url]:focus,.newsletterDesigner textarea:focus,.newsletterDesigner .editorInput:focus{outline:none;border-color:color-mix(in srgb,var(--foreground) 90%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--foreground) 10%,transparent)}.newsletterDesigner input[type=text]:disabled,.newsletterDesigner input[type=url]:disabled,.newsletterDesigner textarea:disabled,.newsletterDesigner .editorInput:disabled{background-color:var(--muted-background);color:var(--muted-foreground);cursor:not-allowed}.newsletterDesigner .editorInput{resize:vertical;min-height:8rem;border-top-left-radius:0;border-top-right-radius:0}.newsletterDesigner .editorInput:focus.editor-toolbar{border-color:color-mix(in srgb,var(--foreground) 90%,transparent)}.newsletterDesigner input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:3rem;height:3rem;padding:0;border:1px solid var(--border);border-radius:50%;overflow:hidden;cursor:pointer;transition:all .2s ease}.newsletterDesigner input[type=color]:hover{transform:scale(1.05);box-shadow:0 2px 8px rgba(var(--primary),.2)}.newsletterDesigner input[type=color]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--background),0 0 0 6px var(--primary);transform:scale(1.1)}.newsletterDesigner input[type=color]::-webkit-color-swatch-wrapper{padding:0}.newsletterDesigner input[type=color]::-webkit-color-swatch{border:none;border-radius:50%;padding:0}.newsletterDesigner input[type=color]::-moz-color-swatch{border:none;border-radius:50%;padding:0}.newsletterDesigner .filteredBlockContainer:has(>div:empty){display:none!important}.newsletterDesigner .PreviewPanel{display:flex;flex-direction:column;height:100%;justify-content:center;align-items:start;width:100%;flex:1;flex-grow:9}.newsletterDesigner .PreviewPanelHeader{display:flex;width:100%;height:4.5rem;justify-content:space-between;padding-left:1rem;padding-right:1rem;align-items:center;border-bottom:1px solid var(--border)}.newsletterDesigner .PreviewPanelBody .PreviewPanelBodyScreen{border:1px solid var(--border)!important}.newsletterDesigner .BreakpointToggleGroup{display:flex;justify-content:center;align-items:center}.newsletterDesigner .BreakpointToggleGroup .active,.newsletterDesigner .BreakpointToggleGroup .active:hover{background-color:var(--foreground);color:var(--background)}.newsletterDesigner .button{display:inline-flex;align-items:center;justify-content:center;min-height:1.5rem;white-space:nowrap;border:var(--border) 1px solid;padding:.75rem;border-radius:var(--radius);text-align:center;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.newsletterDesigner .button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--ring)}.newsletterDesigner .button:disabled{pointer-events:none;opacity:.5}.newsletterDesigner .button:active{transform:scale(.93)}.newsletterDesigner .button--default{background-color:var(--foreground);color:var(--background)}.newsletterDesigner .button--default:hover{background-color:color-mix(in srgb,var(--foreground) 80%,var(--background))}.newsletterDesigner .button--primary{background-color:var(--primary);color:var(--primary-foreground)}.newsletterDesigner .button--primary:hover{background-color:color-mix(in srgb,var(--primary) 80%,black)}.newsletterDesigner .button--destructive{background-color:var(--destructive);color:var(--destructive-foreground)}.newsletterDesigner .button--destructive:hover{background-color:color-mix(in srgb,var(--destructive) 80%,black)}.newsletterDesigner .button--outline{border:1px solid var(--input);background-color:var(--background);color:var(--foreground)}.newsletterDesigner .button--outline:hover{background-color:var(--accent);color:var(--accent-foreground)}.newsletterDesigner .button--secondary{background-color:var(--secondary);color:var(--secondary-foreground)}.newsletterDesigner .button--secondary:hover{background-color:color-mix(in srgb,var(--secondary) 80%,black)}.newsletterDesigner .button--ghost:hover{background-color:var(--accent);color:var(--accent-foreground)}.newsletterDesigner .button--link{color:var(--primary);text-decoration:underline;text-underline-offset:4px}.newsletterDesigner .button--link:hover{text-decoration:none}.newsletterDesigner .button--sm{height:2.25rem;padding:0 .75rem}.newsletterDesigner .button--md{height:2.5rem;padding:0 1rem}.newsletterDesigner .button--lg{height:2.75rem;padding:0 2rem}.newsletterDesigner .button--icon{height:2.5rem;width:2.5rem;padding:.5rem}.newsletterDesigner .CollapsibleRoot{width:100%}.newsletterDesigner .CollapsibleIconButton{font-family:inherit;border-radius:100%;padding:.35rem;height:2rem;width:2rem;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0000001a}.newsletterDesigner .CollapsibleRepository{background-color:var(--background);border-radius:var(--radius);margin:.3rem 0;padding:.6rem 1rem;box-shadow:0 2px .6rem #0000001a}.newsletterDesigner .CollapsibleContent{overflow:hidden}.newsletterDesigner .CollapsibleContent[data-state=open]{animation:slideDown .3s ease-out}.newsletterDesigner .CollapsibleContent[data-state=closed]{animation:slideUp .3s ease-out}@keyframes slideDown{0%{height:0}to{height:var(--radix-collapsible-content-height)}}@keyframes slideUp{0%{height:var(--radix-collapsible-content-height)}to{height:0}}.newsletterDesigner .PopoverContent{border-radius:var(--radius);padding:20px;width:260px;background-color:var(--popover);border:1px solid var(--border);margin-top:.5rem;color:var(--popover-foreground);box-shadow:0 10px 38px -10px #16171859,0 10px 20px -15px #16171833;animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.newsletterDesigner .PopoverContent:focus{box-shadow:0 10px 38px -10px #16171859,0 10px 20px -15px #16171833,0 0 0 2px var(--ring)}.newsletterDesigner .PopoverContent[data-state=open][data-side=top]{animation-name:slideDownAndFade}.newsletterDesigner .PopoverContent[data-state=open][data-side=right]{animation-name:slideLeftAndFade}.newsletterDesigner .PopoverContent[data-state=open][data-side=bottom]{animation-name:slideUpAndFade}.newsletterDesigner .PopoverContent[data-state=open][data-side=left]{animation-name:slideRightAndFade}.newsletterDesigner .PopoverArrow{fill:var(--popover)}.newsletterDesigner .PopoverClose{font-family:inherit;border-radius:100%;height:25px;width:25px;display:inline-flex;align-items:center;justify-content:center;color:var(--popover-foreground);position:absolute;top:5px;right:5px}.newsletterDesigner .PopoverClose:hover{background-color:var(--muted)}.newsletterDesigner .PopoverClose:focus{box-shadow:0 0 0 2px var(--ring)}@keyframes slideUpAndFade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRightAndFade{0%{opacity:0;transform:translate(-2px)}to{opacity:1;transform:translate(0)}}@keyframes slideDownAndFade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeftAndFade{0%{opacity:0;transform:translate(2px)}to{opacity:1;transform:translate(0)}}.newsletterDesigner .DialogOverlay{background-color:#00000080;position:fixed;top:0;right:0;bottom:0;left:0;animation:overlayShow .15s cubic-bezier(.16,1,.3,1)}.newsletterDesigner .DialogContent{background-color:var(--popover);border-radius:var(--radius);box-shadow:0 10px 38px -10px #16171859,0 10px 20px -15px #16171833;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:450px;max-height:85vh;padding:25px;animation:contentShow .15s cubic-bezier(.16,1,.3,1);color:var(--popover-foreground);border:1px solid var(--border)}.newsletterDesigner .DialogContent:focus{outline:none}.newsletterDesigner .DialogHeader{display:flex;flex-direction:column;space-y:1.5;text-align:center}.newsletterDesigner .DialogFooter{display:flex;flex-direction:column-reverse;sm-flex-direction:row;sm-justify-content:flex-end;sm-space-x:2}.newsletterDesigner .DialogTitle{margin:0;font-weight:500;color:var(--popover-foreground);font-size:17px}.newsletterDesigner .DialogDescription{margin:10px 0 20px;color:var(--muted-foreground);font-size:15px;line-height:1.5}.newsletterDesigner .DialogClose{position:absolute;top:10px;right:10px}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.newsletterDesigner .ScrollAreaRoot{width:200px;height:225px;border-radius:var(--radius);overflow:hidden;box-shadow:0 2px 10px var(--black-a7);--scrollbar-size: 10px}.newsletterDesigner .ScrollAreaViewport{width:100%;height:100%;border-radius:inherit}.newsletterDesigner .ScrollAreaViewport>div{display:flex!important;flex-direction:column}.newsletterDesigner .ScrollAreaViewport>div .field{display:flex;flex-direction:column}.newsletterDesigner .ScrollAreaScrollbar{display:flex;-webkit-user-select:none;user-select:none;touch-action:none;padding:2px;background:var(--muted);transition:background .16s ease-out}.newsletterDesigner .ScrollAreaScrollbar:hover{background:var(--muted-foreground)}.newsletterDesigner .ScrollAreaScrollbar.ScrollAreaScrollbarVertical{width:var(--scrollbar-size)}.newsletterDesigner .ScrollAreaScrollbar.ScrollAreaScrollbarHorizontal{flex-direction:column;height:var(--scrollbar-size)}.newsletterDesigner .ScrollAreaThumb{flex:1;background:var(--muted-foreground);border-radius:var(--scrollbar-size);position:relative}.newsletterDesigner .ScrollAreaThumb:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:44px;min-height:44px}.newsletterDesigner .ScrollAreaCorner{background:var(--muted-foreground)}.newsletterDesigner .rrLogo{color:var(--foreground);width:3rem;height:3rem}.newsletterDesigner .TagSelector{display:flex;flex-direction:column;gap:1rem;padding:1rem;background-color:var(--card);border-radius:var(--radius);box-shadow:0 2px 4px #0000001a}.newsletterDesigner .TagSelector .search-container{width:100%}.newsletterDesigner .TagSelector .search-container .search-input{width:100%;padding:.5rem;font-size:1rem;border:1px solid var(--border);border-radius:var(--radius);background-color:var(--background);color:var(--foreground);transition:all .2s ease}.newsletterDesigner .TagSelector .search-container .search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.newsletterDesigner .TagSelector .tags{display:flex;flex-wrap:wrap;gap:.5rem;max-height:5rem;overflow:visible}@media (min-width: 768px){.newsletterDesigner .TagSelector .tags{max-height:6rem}}.newsletterDesigner .TagSelector .tags .tag{font-size:.8rem;font-weight:300;color:var(--muted-foreground);background-color:var(--secondary);padding:.2rem .5rem;border-radius:var(--radius);cursor:pointer;transition:all .2s ease}.newsletterDesigner .TagSelector .tags .tag:hover{background-color:color-mix(in srgb,var(--primary) 60%,var(--background));color:var(--primary-foreground)}.newsletterDesigner .TagSelector .tags .tag.template{background-color:var(--accent);border:1px solid var(--primary);color:var(--accent-foreground)}.newsletterDesigner .TagSelector .tags .tag.active{background-color:var(--primary);color:var(--primary-foreground)}.newsletterDesigner .TagSelector .modules h4{font-size:1.2rem;margin-bottom:.5rem}.newsletterDesigner .TagSelector .modules .module{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background-color:var(--secondary);border-radius:var(--radius);margin-bottom:.5rem}.newsletterDesigner .TagSelector .modules .module span{font-size:.9rem}.newsletterDesigner .TagSelector .modules .module button{background-color:var(--destructive);color:var(--destructive-foreground);border:none;padding:.2rem .5rem;border-radius:var(--radius);cursor:pointer;transition:all .2s ease}.newsletterDesigner .TagSelector .modules .module button:hover{background-color:color-mix(in srgb,var(--destructive) 80%,black)}.newsletterDesigner .switch-container{display:flex;align-items:center}.newsletterDesigner .switch-label{font-size:.875rem;line-height:1.25rem;padding-right:.5rem;-webkit-user-select:none;user-select:none}.newsletterDesigner .switch-root{width:3rem;height:1.7rem;background-color:var(--background);border:1px solid var(--border);border-radius:9999px;position:relative;box-shadow:0 2px 10px var(--black-a7);-webkit-tap-highlight-color:rgba(0,0,0,0);transition:background-color .2s ease}.newsletterDesigner .switch-root:focus-visible{outline:none;box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--ring)}.newsletterDesigner .switch-root[data-state=checked]{background-color:var(--primary)}.newsletterDesigner .switch-thumb{display:block;width:21px;height:21px;background-color:var(--foreground);border-radius:9999px;box-shadow:0 2px 2px var(--black-a7);transition:transform .1s;transform:translate(-.25rem);will-change:transform}.newsletterDesigner .switch-thumb[data-state=checked]{background-color:var(--background);transform:translate(1rem)}.newsletterDesigner .toggle{all:unset;display:inline-flex;align-items:center;justify-content:center;height:1rem;width:1rem;padding:.5rem;border-radius:var(--radius);background-color:var(--background);color:var(--foreground);font-size:.1rem;line-height:1;transition:background-color .15s ease-in-out,color .15s ease-in-out,box-shadow .15s ease-in-out}.newsletterDesigner .toggle:hover{background-color:var(--accent)}.newsletterDesigner .toggle[data-state=on]{background-color:var(--foreground);color:var(--background)}.newsletterDesigner .toggle:focus-visible{outline:none;box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--ring)}.newsletterDesigner .toggle:disabled{pointer-events:none;opacity:.5}.newsletterDesigner .toggle:active{transform:scale(.93)}.newsletterDesigner .editor-text-bold{font-weight:700}.newsletterDesigner .editor-text-italic{font-style:italic}.newsletterDesigner .editor-text-underline{text-decoration:underline}.newsletterDesigner .editor-text-strikethrough{text-decoration:line-through}.newsletterDesigner .editor-text-underlineStrikethrough{text-decoration:underline line-through}.newsletterDesigner .editor-link{color:#216fdb;text-decoration:none}.newsletterDesigner .editor-toolbar{width:100%;padding:.25rem;border:1px solid var(--border);border-bottom:none;border-radius:var(--radius);border-bottom-left-radius:0;border-bottom-right-radius:0}.newsletterDesigner code{resize:vertical;color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius)}.newsletterDesigner .codeEditorInput{font-family:Menlo,Consolas,Monaco,monospace;background-color:var(--card);color:var(--foreground);border-radius:var(--radius);width:100%;min-height:100px;max-height:80vh}.newsletterDesigner *,.newsletterDesigner *:before,.newsletterDesigner *:after{box-sizing:border-box}.newsletterDesigner{background-color:var(--background);color:var(--foreground);font-family:Roboto,Helvetica Neue,Arial,sans-serif;display:flex;height:100dvh;line-height:1.6;font-size:16px}.newsletterDesigner .container{display:flex;width:100%;max-width:100%;flex-direction:column}@media (min-width: 768px){.newsletterDesigner .container{flex-direction:row}}.newsletterDesigner .border-base{border-color:var(--border)}.newsletterDesigner .border-input{border-color:var(--input)}.newsletterDesigner .ring-base{--tw-ring-color: var(--ring)}.newsletterDesigner .rounded-base{border-radius:var(--radius)}.newsletterDesigner .hover\:background-primary:hover{background-color:var(--primary)}.newsletterDesigner .hover\:background-secondary:hover{background-color:var(--secondary)}.newsletterDesigner .hover\:background-accent:hover{background-color:var(--accent)}.newsletterDesigner .hover\:background-destructive:hover{background-color:var(--destructive)}.newsletterDesigner .focus\:background-primary:focus{background-color:var(--primary)}.newsletterDesigner .focus\:background-secondary:focus{background-color:var(--secondary)}.newsletterDesigner .focus\:background-accent:focus{background-color:var(--accent)}.newsletterDesigner .focus\:background-destructive:focus{background-color:var(--destructive)}.newsletterDesigner .active\:background-primary:active{background-color:var(--primary)}.newsletterDesigner .active\:background-secondary:active{background-color:var(--secondary)}.newsletterDesigner .active\:background-accent:active{background-color:var(--accent)}.newsletterDesigner .active\:background-destructive:active{background-color:var(--destructive)}.newsletterDesigner h1,.newsletterDesigner h2,.newsletterDesigner h3,.newsletterDesigner h4,.newsletterDesigner h5,.newsletterDesigner h6{font-family:Montserrat,Helvetica Neue,Arial,sans-serif;font-weight:300}.newsletterDesigner h1{font-size:2.5em}.newsletterDesigner h2{font-size:2.25em}.newsletterDesigner h3{font-size:2em}.newsletterDesigner h4{font-size:1.75em}.newsletterDesigner h5{font-size:1.5em}.newsletterDesigner h6{font-size:1.25em}.newsletterDesigner p,.newsletterDesigner ul,.newsletterDesigner ol{max-width:70ch}@media (min-width: 768px){.newsletterDesigner body{font-size:14px}.newsletterDesigner h1{font-size:2em}.newsletterDesigner h2{font-size:1.75em}.newsletterDesigner h3{font-size:1.5em}.newsletterDesigner h4{font-size:1.25em}.newsletterDesigner h5,.newsletterDesigner h6{font-size:1em}}.PlaygroundEditorTheme__textCode{background-color:var(--card);padding:1px .25rem;font-family:Menlo,Consolas,Monaco,monospace;font-size:94%}.PlaygroundEditorTheme__code{background-color:var(--card);font-family:Menlo,Consolas,Monaco,monospace;display:block;padding:8px 8px 8px 52px;line-height:1.53;font-size:13px;margin:0 0 8px;overflow-x:auto;position:relative;-moz-tab-size:2;tab-size:2;color:var(--foreground);min-width:max-content}.PlaygroundEditorTheme__code:before{content:attr(data-gutter);position:absolute;background-color:var(--muted);left:0;top:0;border-right:1px solid var(--border);padding:8px;color:var(--muted-foreground);white-space:pre-wrap;text-align:right;min-width:25px}.PlaygroundEditorTheme__nestedListItem:before,.PlaygroundEditorTheme__nestedListItem:after{display:none}.PlaygroundEditorTheme__tokenComment{color:var(--muted-foreground)}.PlaygroundEditorTheme__tokenPunctuation{color:var(--accent-foreground)}.PlaygroundEditorTheme__tokenProperty{color:var(--primary)}.PlaygroundEditorTheme__tokenSelector{color:var(--destructive)}.PlaygroundEditorTheme__tokenOperator{color:var(--primary)}.PlaygroundEditorTheme__tokenAttr{color:var(--secondary)}.PlaygroundEditorTheme__tokenVariable{color:var(--destructive)}.PlaygroundEditorTheme__tokenFunction{color:var(--primary)}