.voucher-template-gallery{width:100%;min-width:0}
.vs-template-layout{display:grid;grid-template-columns:100px minmax(0,1fr);gap:20px;width:100%;align-items:start}
.vs-template-layout[hidden],.vs-template-viewport[hidden],.vs-template-scroll[hidden]{display:none!important}
.vs-template-rail{min-width:0;display:flex;flex-direction:column;gap:8px}
.vs-template-list{display:flex;flex-direction:column;gap:10px;max-height:470px;overflow-y:auto;overscroll-behavior:contain;padding:4px;scrollbar-width:thin}
.vs-template-option{display:flex;flex-direction:column;gap:5px;width:100%;flex:0 0 auto;padding:6px;border:1px solid #e3ded5;border-radius:6px;background:#fffefa;color:#243a2e;cursor:pointer;font:inherit;font-size:12px;line-height:1.3;box-sizing:border-box;white-space:normal}
.vs-template-option img{display:block;width:100%;height:110px;object-fit:contain}
.vs-template-option[aria-pressed="true"]{outline:2px solid #a33f1e;outline-offset:0}
.vs-template-option:focus-visible,.vs-template-scroll:focus-visible{outline:3px solid #183d25;outline-offset:2px}
.vs-template-option:disabled{opacity:.45;cursor:not-allowed}
.vs-template-scroll{min-height:36px;background:#fffefa;border:1px solid #e3ded5;border-radius:6px;color:#243a2e;cursor:pointer;font-size:20px;padding:0}
.vs-template-preview{min-width:0}
.vs-template-name{margin:0 0 10px;font-weight:600}
.vs-template-viewport{position:relative;width:100%;overflow:hidden;background:#fff;box-shadow:0 2px 12px #00000012}
.vs-template-canvas{position:absolute;left:0;top:0;transform-origin:top left;overflow:hidden}
.vs-template-canvas .vs-template-object{position:absolute;box-sizing:border-box;margin:0;padding:0;max-width:none;white-space:pre-wrap;overflow-wrap:break-word;line-height:normal;border:0;border-radius:0;background:none}
.vs-template-note,.vs-template-summary{font-size:12px;line-height:1.5;margin:10px 0 0;color:#626862;overflow-wrap:anywhere}
.vs-native-template-hidden{display:none!important}
@media(max-width:600px){.vs-template-layout{grid-template-columns:70px minmax(0,1fr);gap:10px}.vs-template-list{max-height:340px}.vs-template-option{font-size:10px;padding:4px}.vs-template-option img{height:78px}}

/* Spectra owns the split containers' widths and responsive direction. */
.voucher-template-carousel,.voucher-template-preview{min-width:0}
.vs-template-rail,.vs-template-preview{width:100%;box-sizing:border-box}
.vs-template-rail[hidden],.vs-template-preview[hidden]{display:none!important}
.vs-template-accessible{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}