@font-face{font-family:EpcCookie;src:url('Cookie-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.epc-manta-preview{box-sizing:border-box;clear:both;width:100%;max-width:100%;min-width:0;margin:10px 0 20px;border:1px solid #d9e6eb;border-radius:8px;background:#fff;overflow:hidden}
.epc-manta-preview *{box-sizing:border-box}
.epc-manta-preview summary{padding:13px 14px;color:#277495;font-size:15px;font-weight:600;line-height:1.4;cursor:pointer;overflow-wrap:anywhere}
.epc-manta-preview summary:focus-visible{outline:2px solid #277495;outline-offset:-3px}
.epc-manta-preview__body{padding:0 14px 14px;min-width:0}
.epc-manta-controls{min-width:0}
.epc-manta-preview p{margin:0 0 10px;font-size:13px;line-height:1.5;text-align:left!important}
.epc-manta-preview label{display:block;margin:5px 0 7px;font-size:14px;font-weight:600;float:none}
.epc-manta-preview input[type=text]{display:block!important;float:none!important;width:100%!important;max-width:100%;min-width:0;height:44px!important;margin:0 0 8px!important;padding:10px 12px!important;border:1px solid #b8cbd4!important;border-radius:5px!important;background:white;font-size:16px!important;color:#293d46!important;line-height:22px!important}
.epc-manta-preview input:focus{outline:2px solid #277495;outline-offset:1px}
.epc-manta-name-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.epc-manta-name-count{font-size:12px;color:#52636c;line-height:1.4}
.epc-manta-preview .epc-manta-name-error,.epc-manta-name-count--invalid{color:#a42b35!important}
.epc-manta-preview input[aria-invalid=true]{border-color:#a42b35!important}
.epc-manta-preview button{display:inline-block;max-width:100%;height:auto;margin:0 0 14px;padding:10px 14px;border:1px solid #277495;border-radius:5px;background:#277495;color:#fff;font-size:14px;line-height:1.4;white-space:normal;cursor:pointer}
.epc-manta-preview [hidden]{display:none!important}
.epc-manta-figure{width:100%;max-width:246px;margin:8px auto 10px;padding:0;min-width:0;text-align:center}
.epc-manta-figure svg{display:block;width:100%;height:auto;max-height:none;border-radius:8px;border:1px solid #d9e6eb;background:#f6f9fa;overflow:hidden}
.epc-manta-figure text{font-family:EpcCookie,cursive;font-weight:400;letter-spacing:0}
.epc-manta-figure figcaption{margin-top:8px;font-size:12px;line-height:1.5;color:#52636c;overflow-wrap:anywhere}
.epc-manta-view-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 8px;margin:0 0 6px;color:#277495;font-size:12px;line-height:1.4;text-align:left}
.epc-manta-preview .epc-manta-view-toggle{display:inline-block;width:auto;min-height:28px;margin:0;padding:3px 0;border:0;border-bottom:1px solid #aac6d3;border-radius:0;background:transparent;color:#277495;font-size:12px;line-height:1.4;white-space:normal;text-align:left}
.epc-manta-preview .epc-manta-view-toggle:focus-visible{outline:2px solid #277495;outline-offset:2px}
.epc-manta-note{color:#52636c;font-size:12px!important}
.epc-manta-product .pinfo-options label.optcolor{position:relative;display:inline-flex!important;float:none!important;margin:0 7px 8px 0!important;vertical-align:top;max-width:100%}
.epc-manta-product .pinfo-options label.optcolor input{position:absolute!important;opacity:0!important;display:block!important;width:1px!important;height:1px!important;margin:0!important}
.epc-manta-product .pinfo-options label.optcolor .option_button{box-sizing:border-box;display:flex!important;align-items:center;justify-content:center;float:none!important;min-width:64px!important;width:auto!important;max-width:100%;height:44px!important;margin:0!important;padding:8px 11px!important;background:var(--epc-swatch,#e8eef1)!important;color:var(--epc-swatch-text,#293d46)!important;font-size:13px!important;line-height:18px!important;text-align:center;text-indent:0!important;white-space:normal;cursor:pointer;border:1px solid rgba(41,61,70,.12)!important;outline:none!important}
.epc-manta-product .pinfo-options label.optcolor .option_button.option_active,.epc-manta-product .pinfo-options label.optcolor input:checked+.option_button{box-shadow:inset 0 0 0 2px #277495!important}
.epc-manta-product .pinfo-options label.optcolor input:focus-visible+.option_button{box-shadow:inset 0 0 0 3px #15516c!important}
.epc-manta-product .pinfo-options label.optcolor .option_button{opacity:1!important}
@media(max-width:600px){.epc-manta-preview{margin:10px 0 16px}.epc-manta-preview__body{padding:0 12px 12px}.epc-manta-figure{max-width:220px}.epc-manta-product .pinfo-options label.optcolor{margin-right:6px!important}}
@media(min-width:900px){.epc-manta-preview__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,330px);column-gap:32px;row-gap:8px;align-items:center;max-width:880px;margin:0 auto}.epc-manta-controls{grid-column:1;grid-row:1}.epc-manta-figure{grid-column:2;grid-row:1;width:330px;max-width:100%;margin:0;justify-self:end}.epc-manta-figure[data-view=full]{width:210px;justify-self:center}.epc-manta-preview .epc-manta-note{grid-column:1 / -1;margin:0!important}}

/* Six thread colours stay on one row on small screens. */
@media(max-width:600px){.epc-manta-product .pinfo-options label.optcolor:has(input[name="id[117]"]){width:calc(16.666666% - 3px)!important;margin-right:3px!important}.epc-manta-product .pinfo-options label.optcolor:has(input[name="id[117]"]) .option_button{min-width:0!important;width:100%!important;padding:4px 1px!important;font-size:10px!important;line-height:14px!important;white-space:nowrap!important}}