.range-input{align-items:center;cursor:pointer;display:flex;height:16px;justify-content:center;position:relative;touch-action:none;width:100%}.range-input .range-input-background{background-color:#e0e3e6;border-radius:20px;height:4px;width:100%}.range-input .range-input-fill{background-color:#404040;border-radius:20px;height:4px;inset-inline-start:0;position:absolute}.range-input .range-input-thumb{background-color:#404040;border-radius:20px;height:20px;position:absolute;width:20px}.template-preview-dialog{background-color:#fff;display:grid;font-family:open sans,sans-serif;grid-template-columns:100%;grid-template-rows:64px 1fr min-content min-content;height:100%;touch-action:none;width:100%}@media (min-width:769px){.template-preview-dialog{border-radius:8px;grid-template-columns:fit-content(50%) 1fr;grid-template-rows:min-content 1fr min-content;height:calc(100vh - 10px);max-height:700px;width:612px}}.template-preview-dialog>*{align-items:center;display:flex;justify-content:center;margin-inline-end:16px;margin-inline-start:16px}@media (min-width:769px){.template-preview-dialog>*{margin-inline-end:24px;margin-inline-start:24px}}.template-preview-dialog .preview-header{color:#404040;grid-row-start:1;height:64px;justify-content:space-between}.template-preview-dialog .preview-header .preview-title{font-size:18px;font-weight:700;line-height:27px}@media (min-width:769px){.template-preview-dialog .preview-header .preview-title{display:none}}.template-preview-dialog .preview-header .dialog-close{padding-inline:5px 0;padding-bottom:5px;padding-top:5px}.template-preview-dialog .preview-header .dialog-close svg{height:14px;width:14px}@media (min-width:769px){.template-preview-dialog .preview-header{grid-column:1/span 2;height:24px;justify-content:end;margin-bottom:16px;margin-top:24px}}.template-preview-dialog .preview-holder{grid-row-start:2;margin-inline-end:0;margin-inline-start:0;margin-bottom:16px;overflow:hidden}.template-preview-dialog .preview-holder,.template-preview-dialog .preview-holder img{-webkit-user-drag:none;touch-action:none;-moz-user-select:none;-webkit-user-select:none;user-select:none}.template-preview-dialog .preview-holder img{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.template-preview-dialog .preview-holder.draggable{cursor:grab}.template-preview-dialog .preview-holder.draggable:active{cursor:grabbing}@media (min-width:769px){.template-preview-dialog .preview-holder{border:1px solid #f3f4f6;grid-column:1/span 2;margin-inline-end:24px;margin-inline-start:24px}}.template-preview-dialog .side-radio-group{background-color:#f3f4f6;border-radius:6px;grid-row-start:3;margin-bottom:16px;min-height:48px;padding:4px}@media (min-width:769px){.template-preview-dialog .side-radio-group{grid-column-start:1;margin-inline-end:0;margin-bottom:24px;margin-inline-end:24px;min-height:40px;min-width:160px}}.template-preview-dialog .side-radio-group .side-radio-button{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;background-color:unset;border:none;border-radius:6px;color:#85878a;cursor:pointer;display:-webkit-box;flex-basis:50%;flex-grow:1;font-size:14px;font-weight:600;height:100%;-webkit-hyphens:auto;hyphens:auto;line-height:18px;overflow:hidden;text-overflow:ellipsis}.template-preview-dialog .side-radio-group .side-radio-button.selected{background-color:#f1f8fd;color:#448dcb;outline:1px solid #448dcb}.template-preview-dialog .zoom-slider{-moz-column-gap:12px;column-gap:12px;grid-row-start:4;height:64px;margin-bottom:16px}@media (min-width:769px){.template-preview-dialog .zoom-slider{grid-column-start:2;grid-row-start:3;height:40px;margin-inline-start:0;margin-bottom:24px}.template-preview-dialog .zoom-slider.single-side{justify-self:center;margin-inline-end:0;max-width:382px;width:100%}}.template-preview-dialog .zoom-slider svg{height:12px;width:12px}.template-preview{align-items:center;background-color:#fff;border:1px solid #e0e3e6;display:flex;height:120px;justify-content:center;overflow:hidden;position:relative;width:120px}.template-preview.with-preview{cursor:pointer}.template-preview img{border:unset!important;margin-bottom:0!important;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;width:auto!important}.template-preview .icon-overlay{display:flex;height:100%;justify-content:end;position:absolute;width:100%}.template-preview .icon-overlay .zoom-icon{align-items:center;background-color:#ffffffcc;border-radius:4px;display:flex;height:24px;justify-content:center;margin:4px;width:24px}.template-preview .icon-overlay svg{background-color:transparent;color:#fff;height:16px;width:16px}