.fontname-group{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:10px;border:1px solid #e5e5e5;max-height:350px;overflow-y:auto}.fontname-card{background-color:#fff;border:1px solid #ccc;padding:.5rem 1rem;font-size:1rem;line-height:1.5;transition:all 0.2s ease-in-out;cursor:pointer;flex-grow:1;font-weight:600;text-align:center;justify-content:center}.fontname-card:is(:hover,.active){border:1px solid var(--g9prodbuttonbg);color:var(--g9prodbuttonclr);background:var(--g9prodbuttonbg)}#g9testerfrm-group :is(input,select){border-radius:0!important}.foutfrm{word-wrap:break-word}.fontprevgroup .hidden{display:none!important}.fontprevgroup *{box-sizing:border-box}#g9testerfrm-group{display:flex;gap:10px;flex-wrap:wrap}#g9testerfrm-group>*{margin:0!important}#g9testerfrm-group [name='testerinput']{padding:12px 14px!important;border:1px solid #ccc}#g9testerfrm-group :is(input,select){box-shadow:none!important}#g9testerfrm-group .fontestersizelabel_extended{background:#fff;color:rgba(var(--g9prodbuttonclr-rgb),.7);display:flex;border:1px solid #ccc;padding:10px 5px;justify-content:center;align-items:center;opacity:1;transition:all 0.2s ease-in-out;box-shadow:none;font-weight:600;cursor:pointer;flex-grow:1}#g9testerfrm-group .fontestersizelabel_extended:hover{color:var(--g9prodbuttonclr);background:var(--g9prodbuttonbg);border:1px solid var(--g9prodbuttonbg)}#g9testerfrm-group .fontestersizelabel_extended.active{border:1px solid var(--g9prodbuttonbg);color:var(--g9prodbuttonclr);background:var(--g9prodbuttonbg)}#g9testerfrm-group .fontsizeswitcheritem_extended{display:flex;flex-grow:1}#g9testerfrm-group .fontsizeswitcheritem-group{display:flex;gap:10px;flex-grow:1}#g9testerfrm-group [name='g9textselect']{border:1px solid #ccc}.vardesc p{margin:0}.lightbox{opacity:0;position:fixed;z-index:-1;left:0;top:0;width:100%;height:100dvh;overflow:hidden;background-color:rgb(0 0 0 / .9);transition:0.25s ease-out;opacity:0;scroll-behavior:smooth}.lightbox.show{display:flex;z-index:9999;opacity:1;height:100dvh}.lightbox-content{display:flex;justify-content:center;transition:transform 0.5s ease;align-items:center;padding:20dvh 20vw;margin-top:-10dvh}.lightbox-images{display:flex;height:100%;padding-right:50dvh}.lightbox-images .img-container{width:100dvh;transition:0.3s ease;overflow:hidden;opacity:.5;margin:10px;border:1px solid #000000ad}.lightbox-images img{object-fit:cover;width:100%;height:100%}.lightbox-images .img-container.active{opacity:1}.close{position:absolute;top:15px;right:35px;color:#fff;font-size:40px;font-weight:700;cursor:pointer}#g9heroprodimgitem{cursor:pointer}@media (max-width:768px) and (min-height:550px){.lightbox-content{padding:32dvh 0}.lightbox-images{padding-right:5vw}.lightbox-images .img-container{width:90vw;margin:5vw}.paginated-child-preview{bottom:20dvh}}@media (max-width:768px) and (max-height:550px){#wpadminbar{display:none}#custom-lightbox{padding:0 15vw}.lightbox-content{padding:0;margin-top:0;padding-right:15vw}.lightbox-images .img-container{width:60vw;margin:10px}}.no-scroll{overflow:hidden;touch-action:none}.paginated-child-preview{position:fixed;z-index:999999;bottom:10dvh;left:50%;transform:translateX(-50%);display:flex;gap:10px}.paginated-child-preview button{padding:10px;color:#998d8de5;border-radius:999px;border:1px solid #000000c5;background-color:#0003;transition:all 0.2s ease-in-out;cursor:pointer}.paginated-child-preview button:hover{color:#fff;background-color:#000000c5;scale:1.1}.paginated-child-preview button svg{width:20px}.bundle-item-actions{display:flex;gap:10px;position:absolute;bottom:18px;right:10px}.g9discprcfrm{font-size:20px}.bundle-item-actions button{padding:10px 15px;color:#3b3b3be5;background:#fff;display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;border:none;cursor:pointer;transition:all 0.2s ease-in-out;font-family:fontbody}.checkbox-wrapper{display:flex;align-items:center;gap:5px;cursor:pointer}.bundle-item-actions button:hover{transform:translateY(-2px)}.bundle-item-actions button svg{width:20px}.bundle-item-actions button span{font-weight:600;text-wrap:nowrap;font-size:14px}.item-test-font svg{color:lightseagreen}.item-other-preview svg{color:#f1b218}.close-lightbox{position:fixed;top:20px;left:20px;cursor:pointer}.close-lightbox svg{width:40px;color:#ffffff50;transition:all 0.2s ease-in-out}.close-lightbox:hover svg{color:#fff}