@font-face{font-family:JBTDesignCondensed;src:url('../../assets/fonts/BarlowCondensed-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:JBTDesignCondensed;src:url('../../assets/fonts/BarlowCondensed-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:JBTDesignModak;src:url('../../assets/fonts/Modak-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:JBTDesignModak;src:url('../../assets/fonts/Modak-Regular.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:JBTDesignSpicyRice;src:url('../../assets/fonts/SpicyRice-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:JBTDesignSpicyRice;src:url('../../assets/fonts/SpicyRice-Regular.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:JBTDesignChicle;src:url('../../assets/fonts/Chicle-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:JBTDesignChicle;src:url('../../assets/fonts/Chicle-Regular.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:JBTDesignBubblegumSans;src:url('../../assets/fonts/BubblegumSans-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:JBTDesignBubblegumSans;src:url('../../assets/fonts/BubblegumSans-Regular.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:JBTDesignAllura;src:url('../../assets/fonts/Allura-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:JBTDesignAllura;src:url('../../assets/fonts/Allura-Regular.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:JBTDesignPermanentMarker;src:url('../../assets/fonts/PermanentMarker-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:JBTDesignPermanentMarker;src:url('../../assets/fonts/PermanentMarker-Regular.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:JBTDesignFiraSans;src:url('../../assets/fonts/FiraSans-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:JBTDesignFiraSans;src:url('../../assets/fonts/FiraSans-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:JBTDesignTrykker;src:url('../../assets/fonts/Trykker-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:JBTDesignTrykker;src:url('../../assets/fonts/Trykker-Regular.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:JBTDesignAcme;src:url('../../assets/fonts/Acme-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:JBTDesignAcme;src:url('../../assets/fonts/Acme-Regular.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:JBTDesignLibreBaskerville;src:url('../../assets/fonts/JBTLibreBaskerville-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:JBTDesignLibreBaskerville;src:url('../../assets/fonts/JBTLibreBaskerville-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:JBTDesignPlayfair;src:url('../../assets/fonts/JBTPlayfair-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:JBTDesignPlayfair;src:url('../../assets/fonts/JBTPlayfair-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:JBTDesignBarlow;src:url('../../assets/fonts/Barlow-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:JBTDesignBarlow;src:url('../../assets/fonts/Barlow-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:JBTDesignNunito;src:url('../../assets/fonts/Nunito-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:JBTDesignNunito;src:url('../../assets/fonts/Nunito-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
.jbt-design-side{display:block;width:100%;height:auto;aspect-ratio:637/1015;background:#fff}
.jbt-design-style-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin:16px 0}
.jbt-design-style-controls[hidden]{display:none}
.jbt-design-style-controls label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:14px}
.jbt-design-style-controls select{width:100%;min-height:44px;box-sizing:border-box;padding:8px 10px;font:inherit;border:1px solid #bfcdd4;border-radius:6px;background:#fff;color:#243b48}

.jbt-design-style-controls [data-design-refresh]{grid-column:1/-1;justify-self:start;min-height:36px;padding:6px 12px;font:inherit;cursor:pointer}


/* Customer font samples remain styled in the open menu, including on phones. */
.jbt-font-picker{display:block;position:relative;width:100%;min-width:0;font-weight:400}
.jbt-font-picker .jbt-font-picker-toggle{display:block;position:relative;width:100%;height:44px;min-height:44px;margin:0;padding:7px 30px 7px 10px;text-align:left;text-transform:none;letter-spacing:normal;font-size:18px;font-weight:400;line-height:1.3;color:#243b48;background:#fff;border:1px solid #bfcdd4;border-radius:6px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jbt-font-picker-toggle::after{content:'';position:absolute;right:12px;top:17px;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.jbt-font-picker-toggle:focus-visible{outline:2px solid #243b48;outline-offset:2px}
.jbt-font-picker .jbt-font-picker-list{display:block;position:absolute;z-index:100;top:calc(100% + 4px);left:0;width:max(100%,240px);max-width:calc(100vw - 40px);min-width:0;max-height:280px;overflow:auto;overscroll-behavior:contain;padding:4px;background:#fff;border:1px solid #bfcdd4;border-radius:6px;box-shadow:0 4px 12px #26394426}
.jbt-font-picker .jbt-font-picker-list[hidden]{display:none!important}
.jbt-font-picker .jbt-font-picker-option{display:flex;align-items:center;min-height:44px;padding:8px;line-height:1.3;font-size:20px;font-weight:400;cursor:pointer;white-space:normal;border-radius:3px;color:#243b48;background:#fff}
.jbt-font-picker-option:hover,.jbt-font-picker .jbt-font-picker-option.is-active{background:#edf3f5}
.jbt-font-picker-option[aria-selected=true]::after{content:'✓';font:16px sans-serif;margin-left:auto;padding-left:8px}
/* The shadow follows the real silhouette, including the transparent hole. */
svg.jbt-design-side.jbt-design-punched{background:transparent!important;border:0!important;border-radius:0!important;overflow:visible;filter:drop-shadow(0 2px 2px rgba(38,57,68,.16))}
@media(prefers-reduced-motion:reduce){.jbt-font-picker *{scroll-behavior:auto}}

/* Elementor's product template colours every cart button red, including this combobox. */
.jbt-font-picker .jbt-font-picker-toggle{background:#fff!important;color:#243b48!important}
.jbt-font-picker .jbt-font-picker-toggle:is(:hover,:focus,:active,[aria-expanded=true]){border-color:#879da9}

.jbt-custom-preview-background{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;border-radius:12px}
.jbt-retail-pair.jbt-custom-preview-background{padding:14px;box-sizing:border-box}
.jbt-custom-preview-background figcaption{display:table;margin:8px auto 0!important;padding:2px 8px;border-radius:4px;background:rgba(255,255,255,.94);color:#263944!important}
@media(max-width:767px){.jbt-retail-pair.jbt-custom-preview-background{padding:8px}}
