/** Shopify CDN: Minification failed

Line 532:112 Expected ")" to end URL token

**/

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
.cst-preview-section-main label,
.width-height-sec label{
  font-family: "Lato", sans-serif !important;
  font-weight: 400;
  font-style: normal;
}
.width-height-sec input {
    width: 100%;
    border: 2px solid #000;
    border-radius: 5px;
    min-height: 45px;
    text-align: left;
    padding: 10px;
}
@font-face {
    font-family: 'arial_blackregular';
    src: url('/cdn/shop/files/ariblk-webfont.woff2?v=1715968682.woff2') format('woff2'),
         url('/cdn/shop/files/ariblk-webfont.woff?v=1715968682.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'armwrestlerbold';
    src: url('/cdn/shop/files/armwrestler-webfont.woff2?v=1715968682.woff2') format('woff2'),
         url('/cdn/shop/files/trballoon-webfont.woff?v=1715968682.woff') format('woff');
    font-weight: 700;
   font-style: normal;
}
@font-face {
    font-family: 'action_man_extendedbold';
    src: url('/cdn/shop/files/action_man_extended_bold-webfont.woff2?v=1715968682.woff2') format('woff2'),
         url('/cdn/shop/files/action_man_extended_bold-webfont.woff?v=1715968682.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'tr_balloonregular';
    src: url('/cdn/shop/files/trballoon-webfont.woff2?v=1715968682.woff2') format('woff2'),
         url('/cdn/shop/files/trballoon-webfont.woff?v=1715968682.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Ballpark Weiner';
    font-style: normal;
    font-weight: normal;
    src: url('/cdn/shop/files/BALLW.woff?v=1716047363.woff') format('woff');
    }
@font-face {
    font-family: 'bebasregular';
    src: url('/cdn/shop/files/bebas-regular-webfont.woff?v=1716048247.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'blackoutmidnight';
    src: url('/cdn/shop/files/blackout-midnight-webfont.woff2?v=1716048746.woff2') format('woff2'),
         url('/cdn/shop/files/blackout-midnight-webfont.woff?v=1716048746.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'calligrapher_normal';
    src: url('/cdn/shop/files/calln_-webfont.woff2?v=1716049683.woff2') format('woff2'),
         url('/cdn/shop/files/calln_-webfont.woff?v=1716049684.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bubblegum_sansregular';
    src: url('/cdn/shop/files/bubblegumsans-regular-webfont.woff2?v=1716050513.woff2') format('woff2'),
         url('/cdn/shop/files/bubblegumsans-regular-webfont.woff?v=1716050513.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bonzairegular';
    src: url('/cdn/shop/files/bonzai-webfont.woff2?v=1716050419.woff2') format('woff2'),
         url('/cdn/shop/files/bonzai-webfont.woff?v=1716050419.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'boogalooregular';
    src: url('/cdn/shop/files/boogaloo-regular-webfont.woff2?v=1716050464.woff2') format('woff2'),
         url('/cdn/shop/files/boogaloo-regular-webfont.woff?v=1716050464.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'chocdregular';
    src: url('/cdn/shop/files/chocd_regular-webfont.woff2?v=1716051410.woff2') format('woff2'),
         url('/cdn/shop/files/chocd_regular-webfont.woff?v=1716051410.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'chunkfive_printregular';
    src: url('/cdn/shop/files/chunk_five_print-webfont.woff2?v=1716051411.woff2') format('woff2'),
         url('/cdn/shop/files/chunk_five_print-webfont.woff?v=1716051411.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ceviche_oneregular';
    src: url('/cdn/shop/files/cevicheone-regular-webfont.woff2?v=1716051663.woff2') format('woff2'),
         url('/cdn/shop/files/cevicheone-regular-webfont.woff?v=1716051661.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'cherry_swashbold';
    src: url('/cdn/shop/files/cherryswash-bold-webfont.woff2?v=1716051410.woff2') format('woff2'),
         url('/cdn/shop/files/cherryswash-bold-webfont.woff?v=1716051410.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'keep_calm_medregular';
    src: url('/cdn/shop/files/keepcalm-medium-webfont.woff2?v=1716095364.woff2') format('woff2'),
         url('/cdn/shop/files/keepcalm-medium-webfont.woff?v=1716095364.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'kavoonregular';
    src: url('/cdn/shop/files/kavoon-regular-webfont.woff2?v=1716095364.woff2') format('woff2'),
         url('/cdn/shop/files/kavoon-regular-webfont.woff?v=1716095364.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'jumboregular';
    src: url('/cdn/shop/files/jumbo-webfont.woff2?v=1716095364.woff2') format('woff2'),
         url('/cdn/shop/files/jumbo-webfont.woff?v=1716095364.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'hobo_stdmedium';
    src: url('/cdn/shop/files/hobostd-webfont.woff2?v=1716095364.woff2') format('woff2'),
         url('/cdn/shop/files/hobostd-webfont.woff?v=1716095364.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gooddog_plainregular';
    src: url('/cdn/shop/files/gooddp__-webfont.woff2?v=1716095364.woff2') format('woff2'),
         url('/cdn/shop/files/gooddp__-webfont.woff?v=1716095364.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'firsttestregular';
    src: url('/cdn/shop/files/forque-webfont.woff2?v=1716095363.woff2') format('woff2'),
         url('/cdn/shop/files/forque-webfont.woff?v=1716095363.woff') format('woff');
    font-weight: normal;
    font-style: normal;

} 

@font-face {
    font-family: 'fascinateregular';
    src: url('/cdn/shop/files/fascinate-regular-webfont.woff2?v=1716094896.woff2') format('woff2'),
         url('/cdn/shop/files/fascinate-regular-webfont.woff?v=1716094896.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'collegeregular';
    src: url('/cdn/shop/files/college-webfont.woff2?v=1716095363.woff2') format('woff2'),
         url('/cdn/shop/files/college-webfont.woff?v=1716095364.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'lhf_convecta_baseregular';
    src: url('/cdn/shop/files/lhf_convecta_base_font-webfont.woff2?v=1716095363.woff2') format('woff2'),
         url('/cdn/shop/files/lhf_convecta_base_font-webfont.woff?v=1716095364.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'commandocommando';
    src: url('/cdn/shop/files/commando-webfont.woff2?v=1716095363.woff2') format('woff2'),
         url('/cdn/shop/files/commando-webfont.woff?v=1716095363.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'cormorantlight';
    src: url('/cdn/shop/files/cormorant-variablefont_wght-webfont.woff2?v=1716095364.woff2') format('woff2'),
         url('/cdn/shop/files/cormorant-variablefont_wght-webfont.woff?v=1716095364.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'liquidismregular';
    src: url('/cdn/shop/files/liquidism-webfont.woff2?v=1716099376.woff2') format('woff2'),
         url('/cdn/shop/files/liquidism-webfont.woff?v=1716099376.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'lobster_1.4regular';
    src: url('/cdn/shop/files/lobster_1.4-webfont.woff2?v=1716099523.woff2') format('woff2'),
         url('/cdn/shop/files/lobster_1.4-webfont.woff?v=1716099523.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'komika_titleregular';
    src: url('/cdn/shop/files/komtit__-webfont.woff2?v=1716099585.woff2') format('woff2'),
         url('/cdn/shop/files/komtit__-webfont.woff?v=1716099584.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'major_snafuregular';
    src: url('/cdn/shop/files/major-webfont.woff2?v=1716099633.woff2') format('woff2'),
         url('/cdn/shop/files/major-webfont.woff?v=1716099633.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'marketing_scriptregular';
    src: url('/cdn/shop/files/marketingscript-webfont.woff2?v=1716099674.woff2') format('woff2'),
         url('/cdn/shop/files/marketingscript-webfont.woff?v=1716099674.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'noto_sansXCnXBd';
    src: url('/cdn/shop/files/notosans-extracondensedextrabold-webfont.woff2?v=1716101541.woff2') format('woff2'),
         url('/cdn/shop/files/notosans-extracondensedextrabold-webfont.woff?v=1716101541.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'passion_onebold';
    src: url('/cdn/shop/files/passionone-bold-webfont.woff2?v=1716101503.woff2') format('woff2'),
         url('/cdn/shop/files/passionone-bold-webfont.woff?v=1716101503.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'poetsen_oneregular';
    src: url('/cdn/shop/files/poetsenone-regular-webfont.woff2?v=1716101379.woff2') format('woff2'),
         url('/cdn/shop/files/poetsenone-regular-webfont.woff?v=1716101379.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'plumpfullblack';
    src: url('/cdn/shop/files/plumpfull-webfont.woff2?v=1716101335.woff2') format('woff2'),
         url('/cdn/shop/files/plumpfull-webfont.woff?v=1716101335.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'pacificoregular';
    src: url('/cdn/shop/files/pacifico-webfont.woff2?v=1716101265.woff2') format('woff2'),
         url('/cdn/shop/files/pacifico-webfont.woff?v=1716101266.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ravieregular';
    src: url('/cdn/shop/files/ravie-webfont.woff2?v=1716104303.woff2') format('woff2'),
         url('/cdn/shop/files/ravie-webfont.woff?v=1716104303.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'sf_speakeasyregular';
    src: url('/cdn/shop/files/sf_slapstick_comic-webfont.woff2?v=1716104350.woff2') format('woff2'),
         url('/cdn/shop/files/sf_slapstick_comic-webfont.woff?v=1716104350.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'sansita_oneregular';
    src: url('/cdn/shop/files/sansitaone-webfont.woff2?v=1716104400.woff2') format('woff2'),
         url('/cdn/shop/files/sansitaone-webfont.woff?v=1716104401.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'sf_slapstick_comicregular';
    src: url('/cdn/shop/files/sf_slapstick_comic-webfont.woff2?v=1716104350.woff2') format('woff2'),
         url('/cdn/shop/files/sansitaone-webfont.woff?v=1716104401.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'nisesegasonicregular';
    src: url('/cdn/shop/files/nisesegasonic-webfont.woff2?v=1716104447.woff2') format('woff2'),
         url('/cdn/shop/files/nisesegasonic-webfont.woff?v=1716104446.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'sanchez_regular';
    src: url('/cdn/shop/files/sanchezregular-webfont.woff2?v=1716104493.woff2') format('woff2'),
         url('/cdn/shop/files/sanchezregular-webfont.woff?v=1716104493.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/* =======================product 4 and 5 ================================= */
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 30, 2024 */
@font-face {
    font-family: 'subscriberegular';
    src: url('/cdn/shop/files/751-subscribe-webfont.woff2?v=1717085719.woff2') format('woff2'),
         url('/cdn/shop/files/751-subscribe-webfont.woff?v=1717085719.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'heavy_heapregular';
    src: url('/cdn/shop/files/750-heavy_heap-webfont.woff2?v=1717085719.woff2') format('woff2'),
         url('/cdn/shop/files/750-heavy_heap-webfont.woff?v=1717085719.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'russianregular';
    src: url('/cdn/shop/files/749-russian-webfont.woff2?v=1717085719.woff2') format('woff2'),
         url('/cdn/shop/files/749-russian-webfont.woff?v=1717085719.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'freshmannormal';
    src: url('/cdn/shop/files/748-freshman-webfont.woff2?v=1717085719.woff2') format('woff2'),
         url('/cdn/shop/files/749-russian-webfont.woff?v=1717085719.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'coasterblack';
    src: url('/cdn/shop/files/747-coaster-webfont.woff2?v=1717085719.woff2') format('woff2'),
         url('/cdn/shop/files/747-coaster-webfont.woff?v=1717085719.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'chekhardabold_italic';
    src: url('/cdn/shop/files/746-chekharda-bolditalic-webfont.woff2?v=1717085719.woff2') format('woff2'),
         url('/cdn/shop/files/746-chekharda-bolditalic-webfont.woff?v=1717085720.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'marker_notesitalic';
    src: url('/cdn/shop/files/742-marker_notes_italic-webfont.woff2?v=1717087895.woff2') format('woff2'),
         url('/cdn/shop/files/742-marker_notes_italic-webfont.woff?v=1717087895.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotobold_italic';
    src: url('/cdn/shop/files/741-roboto-bolditalic-webfont.woff2?v=1717087895.woff2') format('woff2'),
         url('/cdn/shop/files/741-roboto-bolditalic-webfont.woff?v=1717087895.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'marker_notesregular';
    src: url('/cdn/shop/files/743-marker_notes-webfont.woff2?v=1717087895.woff2') format('woff2'),
         url('/cdn/shop/files/743-marker_notes-webfont.woff?v=1717087895.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gang_of_threeregular';
    src: url('/cdn/shop/files/745-gang_of_three-webfont.woff2?v=1717087895.woff2') format('woff2'),
         url('/cdn/shop/files/745-gang_of_three-webfont.woff?v=1717087895.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotobold_condensed_italic';
    src: url('/cdn/shop/files/740-roboto-boldcondenseditalic-webfont.woff2?v=1717087895.woff2') format('woff2'),
         url('/cdn/shop/files/741-roboto-bolditalic-webfont.woff?v=1717087895.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'tekobold';
    src: url('/cdn/shop/files/739-teko-bold-webfont.woff2?v=1717087895.woff2') format('woff2'),
         url('/cdn/shop/files/739-teko-bold-webfont.woff?v=1717087895.woff') format('woff');
    font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'sf_collegiate_solidbold';
    src: url('/cdn/shop/files/738-sf_collegiate_solid_bold-webfont.woff2?v=1717089721.woff2') format('woff2'),
         url('/cdn/shop/files/738-sf_collegiate_solid_bold-webfont.woff?v=1717089721.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'action_manbold';
    src: url('/cdn/shop/files/734-action_man_bold-webfont.woff2?v=1717090068.woff2') format('woff2'),
         url('/cdn/shop/files/734-action_man_bold-webfont.woff?v=1717090068.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'lhf_convecta_baseregular';
    src: url('/cdn/shop/files/737-convecta-webfont.woff2?v=1717089721.woff2') format('woff2'),
         url('/cdn/shop/files/737-convecta-webfont.woff?v=1717089721.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bebasregular';
    src: url('/cdn/shop/files/736-bebas-webfont.woff2?v=1717089720.woff2') format('woff2'),
         url('/cdn/shop/files/736-bebas-webfont.woff?v=1717089720.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'balloon_xbd_btextra_bold';
    src: url('/cdn/shop/files/735-balloon_extra_bold-webfont.woff2?v=1717089721.woff2') format('woff2'),
         url('/cdn/shop/files/735-balloon_extra_bold-webfont.woff?v=1717089721.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ballparkweiner';
    src: url('/cdn/shop/files/733-ballpark_weiner-webfont.woff2?v=1717089720.woff2') format('woff2'),
         url('/cdn/shop/files/733-ballpark_weiner-webfont.woff?v=1717089720.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'codaheavy';
    src: url('/cdn/shop/files/732-coda-heavy-webfont.woff2?v=1717091158.woff2') format('woff2'),
         url('/cdn/shop/files/732-coda-heavy-webfont.woff?v=1717091158.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'arroyoregular';
    src: url('/cdn/shop/files/731-arroyo-webfont.woff2?v=1717091158.woff2') format('woff2'),
         url('/cdn/shop/files/731-arroyo-webfont.woff?v=1717091158.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'hp_simplifiedbold';
    src: url('/cdn/shop/files/729-hp_simplified_bold-webfont.woff2?v=1717091158.woff2') format('woff2'),
         url('/cdn/shop/files/729-hp_simplified_bold-webfont.woff?v=1717091158.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'black_ops_oneregular';
    src: url('/cdn/shop/files/728-blackopsone-regular-webfont.woff2?v=1717091158.woff2') format('woff2'),
         url('/cdn/shop/files/728-blackopsone-regular-webfont.woff?v=1717091158.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'akaposseregular';
    src: url('/cdn/shop/files/726-akaposse-webfont.woff2?v=1717091158.woff2') format('woff2'),
         url('/cdn/shop/files/726-akaposse-webfont.woff?v=1717091158.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'serpentinebolditalic';
    src: url('/cdn/shop/files/724-serpentine-bold_oblique-webfont.woff2?v=1717091158.woff2') format('woff2'),
         url('/cdn/shop/files/724-serpentine-bold_oblique-webfont.woff?v=1717091158.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'veggieburger_2bold';
    src: url('/cdn/shop/files/728-blackopsone-regular-webfont.woff2?v=1717091158.woff2') format('woff2'),
         url('/cdn/shop/files/723-veggieburger-bold-webfont.woff?v=1717091158.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'trashhandregular';
    src: url('/cdn/shop/files/722-trashhand-webfont.woff2?v=1717091158.woff2') format('woff2'),
         url(/cdn/shop/files/722-trashhand-webfont.woff?v=1717091158.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'antique_olivebold';
    src: url('/cdn/shop/files/730-antique_olive_bold-webfont.woff2?v=1717091158.woff2') format('woff2'),
         url('/cdn/shop/files/730-antique_olive_bold-webfont.woff?v=1717091158.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'titan_oneregular';
    src: url('/cdn/shop/files/721-titanone-regular-webfont.woff2?v=1717091158.woff2') format('woff2'),
         url('/cdn/shop/files/721-titanone-regular-webfont.woff?v=1717091158.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'scratchregular';
    src: url('/cdn/shop/files/720-scratch_-webfont.woff2?v=1717092337.woff2') format('woff2'),
         url('/cdn/shop/files/720-scratch_-webfont.woff?v=1717092337.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sansita_oneregular';
    src: url('/cdn/shop/files/719-sansitaone-webfont.woff2?v=1717092337.woff2') format('woff2'),
         url('/cdn/shop/files/719-sansitaone-webfont.woff?v=1717092336.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'piedraregular';
    src: url('/cdn/shop/files/718-piedra-regular-webfont.woff2?v=1717092336.woff2') format('woff2'),
         url('/cdn/shop/files/718-piedra-regular-webfont.woff?v=1717092336.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'liquidismregular';
    src: url('/cdn/shop/files/717-liquidism-webfont.woff2?v=1717092336.woff2') format('woff2'),
         url('/cdn/shop/files/717-liquidism-webfont.woff?v=1717092336.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'komika_axisregular';
    src: url('/cdn/shop/files/716-komikax_-webfont.woff2?v=1717092336.woff2') format('woff2'),
         url('/cdn/shop/files/716-komikax_-webfont.woff?v=1717092336.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'hammerheadblackregular';
    src: url('/cdn/shop/files/713-bubblegumsans-regular-webfont.woff2?v=1717092336.woff2') format('woff2'),
         url('/cdn/shop/files/715-hammerheadblack-webfont.woff?v=1717092336.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'commandocommando';
    src: url('/cdn/shop/files/714-commando-webfont.woff2?v=1717092335.woff2') format('woff2'),
         url('/cdn/shop/files/714-commando-webfont.woff?v=1717092335') format('woff');
    font-weight: normal;
   font-style: normal;
}
@font-face {
    font-family: 'bubblegum_sansregular';
    src: url('/cdn/shop/files/713-bubblegumsans-regular-webfont.woff2?v=1717092336.woff2') format('woff2'),
         url('/cdn/shop/files/713-bubblegumsans-regular-webfont.woff?v=1717092336.woff') format('woff');
    font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'alfa_slab_oneregular';
    src: url('/cdn/shop/files/712-alfaslabone-regular-webfont.woff2?v=1717092335.woff2') format('woff2'),
         url('/cdn/shop/files/712-alfaslabone-regular-webfont.woff?v=1717092336.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'american_purposeregular';
    src: url('/cdn/shop/files/712-alfaslabone-regular-webfont.woff2?v=1717092335.woff2') format('woff2'),
         url('/cdn/shop/files/711-american_purpose-webfont.woff?v=1717092334.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'abadi_mt_condensed_extra_boRg';
    src: url('/cdn/shop/files/710-abadi_mt_condensed_extra_bold-webfont.woff2?v=1717092334.woff2') format('woff2'),
         url('/cdn/shop/files/710-abadi_mt_condensed_extra_bold-webfont.woff?v=1717092335.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'markerfeltwide';
    src: url('/cdn/shop/files/709-markerfeltwide-webfont.woff2?v=1717093531.woff2') format('woff2'),
         url('/cdn/shop/files/709-markerfeltwide-webfont.woff?v=1717093531.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'iowan_old_style_2bold';
    src: url('/cdn/shop/files/708-iowan_old_style_bold-webfont.woff2?v=1717093531.woff2') format('woff2'),
         url('/cdn/shop/files/708-iowan_old_style_bold-webfont.woff?v=1717093531.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'hobo_stdregular';
    src: url('/cdn/shop/files/707-hobostd-webfont.woff2?v=1717093532.woff2') format('woff2'),
         url('/cdn/shop/files/707-hobostd-webfont.woff?v=1717093531.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'impactregular';
    src: url('/cdn/shop/files/706-impact-webfont.woff2?v=1717093531.woff2') format('woff2'),
         url('/cdn/shop/files/707-hobostd-webfont.woff?v=1717093531.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'arial_blackregular';
    src: url('/cdn/shop/files/705-arial-black-webfont.woff2?v=1717093531.woff2') format('woff2'),
         url('/cdn/shop/files/705-arial-black-webfont.woff?v=1717093531.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'arial_rounded_mt_boldregular';
    src: url('/cdn/shop/files/704-arial_rounded_bold-webfont.woff2?v=1717093531.woff2') format('woff2'),
         url('/cdn/shop/files/704-arial_rounded_bold-webfont.woff?v=1717093531.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'arialbold';
    src: url('/cdn/shop/files/703-arial_bold-webfont.woff2?v=1717093531.woff2') format('woff2'),
         url('/cdn/shop/files/703-arial_bold-webfont.woff?v=1717093531.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bookman_old_stylebold';
    src: url('/cdn/shop/files/702-bookman_old_style_bold-webfont.woff2?v=1717093531.woff2') format('woff2'),
         url('/cdn/shop/files/702-bookman_old_style_bold-webfont.woff?v=1717093531.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'cooper_blackregular';
    src: url('/cdn/shop/files/701-cooper_black-webfont.woff2?v=1717093532.woff2') format('woff2'),
         url('/cdn/shop/files/701-cooper_black-webfont.woff?v=1717093531.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'kavoonregular';
    src: url('/cdn/shop/files/700-kavoon-regular-webfont.woff2?v=1717093531.woff2') format('woff2'),
         url('/cdn/shop/files/700-kavoon-regular-webfont.woff?v=1717093531.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}










div#sticker-preview {
    display: block;
}
#text-sticker-section {
    margin: 20px 0;
    padding: 20px;
    border: 1px solid #ccc;
    background-color: #f5f5f5;
    border-radius: 10px;
}


#color-options {
    list-style: none;
    padding: 0;
    margin: 0;
}

#color-options li {
    display: inline-block;
    padding: 5px;
    cursor: pointer;
    border: 1px solid #0000;
    border-radius: 5px;
    width: 48%;
    text-align: center;
    font-family: 'SF-Pro-Text';
    font-size: 13px;
}
#color-options li.selected {
    border: 1px solid #000;
}
 
.dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
}
.column-6.heightandWidth {
    display: flex;
    gap: 20px;
}
.column-6.heightandWidth {
    display: flex;
    gap: 20px;
    background-color: #f3f3f3;
    padding: 20px;
    border-radius: 10px;
}
.dropdown-menu {
    display: none;
    position: absolute;
    background-color: #eee;
    min-width: 100%;
    border: 2px solid #ced4da;
    z-index: 99;
    top: 39px;
    height: 300px;
    overflow-y: scroll;
}
.column-6 input#sticker-text {
    width: 100%;
    padding: 12px;
    border: 2px solid;
    border-radius: 6px;
}

.dropdown-menu li {
    list-style: none;
    cursor: pointer;
    width: 225px;
    text-align: left;
}

li.item-image-font img {
    width: auto;
    object-fit: contain;
}
.cst-preview-section-main .row {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

  .dropdown-menu li.item-image-font.selected {
    background-color: #ced4da;
  }

 .dropdown-menu.show {
    display: block;
    padding-left: 0;
}
.cst-preview-section-main .column-6 {
    width: 50%;
    padding: 10px;
}

#sticker-preview {
    margin-top: 10px;
    border: 1px solid #000;
    padding: 0 20px;
}

.dropdown-menu li.item-image-font div {
    width: 100%;
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 5px;
}
.cst-preview-section-main .column-6 label {
    width: 100%;
    display: block;
    font-size: 16px;
    font-weight: 700;
}
.dropdown-toggle {
    background-color: #fff;
    cursor: pointer;
    width: 100%;
    border: 2px solid;
    border-radius: 6px;
}
.height-section, .width-section {
    width: 50%;
}
p.sticker-previep {
    font-size: 16px;
    margin-bottom: -5px;
    font-weight: 600;
    font-family: 'Lato';
}
.selected-font-family {
    background-size: contain;
    width: 100px;
    height: 30px;
    background-repeat: no-repeat;
    margin: 6px 6px 0;
    object-fit: contain;
}
.color-box {
    display: block!important;
    border: none;
    width: 100%;
    height: 70px;
}

.defult-color-and-update li {
    display: flex;
    gap: 10px;
}
.defult-color-and-update .color-box {
    width: 30px !important;
    height: 25px;
    border: 1px solid;
}
.defult-color-and-update li {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 13px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: SF-Pro-Text;
    cursor: pointer;
    width: 100%;
    padding: 7px 10px;
    border: 2px solid;
    border-radius: 6px;
    background-color: white;
}
.color-options{
    position:relative;
}
#color-options{
  display:none;
}

#color-options.active {
    display: block;
    position: absolute;
    top: 100px;
    background-color: #fff;
    width: 96%;
    z-index: 9;
    left: 10px;
    padding: 5px;
    height: 300px;
    overflow-y: scroll;
}

div#sticker-preview {
    font-family: arial_blackregular;
    font-size: 50px;
    line-height: normal;
    min-height: 1.5em;
    min-width: 8em;
    border: none;
    /* background-color: #fff; */
    font-weight:700;
}
#sticker-preview {
    margin: 10px;
    border: 1px solid #000;
    padding: 0 20px;
    
}
p.note-text {
    font-size: 10px;
    font-weight: 600;
    color: red;
}
textarea#sticker-text {
    width: 100%;
    border: 2px solid #000;
    border-radius: 5px;
    min-height: 45px;
    text-align: left;
}
.sticker-main-container {
    width: 100%;
    /* border: 1px solid; */
    height: 100%;
    /* overflow: hidden; */
    /* overflow: auto; */
}
.quantitye_section_holder {
    height: 250px;
    overflow: hidden;
    overflow-y: scroll;
}