<div class="starterpack-body-header">
	<h2><?php _e('CSS Files', 'starterpack') ?></h2>
</div>


<div class="starterpack-help flex-full-width pt-20">
    <?php _e('File location: /starterpack-custom/css/', 'starterpack') ?>
</div>

<div class="flex gap-2 pt-24">
    
	<div class="starterpack-input-group flex-30 pb-4">
    	<div class="starterpack-input pb-0">
        	<input class="starterpack-toggle starterpack-toggle-light" id="starterpack_use_fonts_css" value="1" name="starterpack_use_fonts_css" <?php checked(AdminStarterPack\starterpack_field_setting('starterpack_use_fonts_css'), 1, true) ?> type="checkbox"/>
        	<label class="starterpack-toggle-btn" for="starterpack_use_fonts_css"></label><label class="toggle-label" for="starterpack_use_fonts_css"><?php _e('Fonts'); ?></label> 
    	</div>
    	<div class="starterpack-help">
    	<?php _e('Use Fonts CSS sitewide', 'starterpack') ?>
	    </div>
	</div>
	
	<div class="starterpack-input-group flex-30 pb-4">
	    <div class="starterpack-input pb-0">
        	<input class="starterpack-toggle starterpack-toggle-light" id="starterpack_use_critical_css" value="1" name="starterpack_use_critical_css" <?php checked(AdminStarterPack\starterpack_field_setting('starterpack_use_critical_css'), 1, true) ?> type="checkbox"/>
        	<label class="starterpack-toggle-btn" for="starterpack_use_critical_css"></label><label class="toggle-label" for="starterpack_use_critical_css"><?php _e('Critical'); ?></label> 
	    </div>
	    <div class="starterpack-help">
	        <?php _e('Use Critical CSS sitewide', 'starterpack') ?>
	    </div>
	</div>
	
	<div class="starterpack-input-group flex-30 pb-4">
	    <div class="starterpack-input pb-0">
        	<input class="starterpack-toggle starterpack-toggle-light" id="starterpack_use_basic_css" value="1" name="starterpack_use_basic_css" <?php checked(AdminStarterPack\starterpack_field_setting('starterpack_use_basic_css'), 1, true) ?> type="checkbox"/>
        	<label class="starterpack-toggle-btn" for="starterpack_use_basic_css"></label><label class="toggle-label" for="starterpack_use_basic_css"><?php _e('Basic'); ?></label> 
	    </div>
	    <div class="starterpack-help">
	        <?php _e('Use Basic CSS sitewide', 'starterpack') ?>
	    </div>
	</div>
	
	<div class="starterpack-input-group flex-30 pb-4">
	    <div class="starterpack-input pb-0">
        	<input class="starterpack-toggle starterpack-toggle-light" id="starterpack_use_global_css" value="1" name="starterpack_use_global_css" <?php checked(AdminStarterPack\starterpack_field_setting('starterpack_use_global_css'), 1, true) ?> type="checkbox"/>
        	<label class="starterpack-toggle-btn" for="starterpack_use_global_css"></label><label class="toggle-label" for="starterpack_use_global_css"><?php _e('Global'); ?></label> 
	    </div>
	    <div class="starterpack-help">
	        <?php _e('Use Global CSS sitewide', 'starterpack') ?>
	    </div>
	</div>
	
	<div class="starterpack-input-group flex-30 pb-4">
	    <div class="starterpack-input pb-0">
        	<input class="starterpack-toggle starterpack-toggle-light" id="starterpack_use_late_global_css" value="1" name="starterpack_use_late_global_css" <?php checked(AdminStarterPack\starterpack_field_setting('starterpack_use_late_global_css'), 1, true) ?> type="checkbox"/>
        	<label class="starterpack-toggle-btn" for="starterpack_use_late_global_css"></label><label class="toggle-label" for="starterpack_use_late_global_css"><?php _e('Late Global'); ?></label> 
	    </div>
	    <div class="starterpack-help">
	        <?php _e('Use late Global CSS sitewide', 'starterpack') ?>
	    </div>
	</div>
	
    <div class="starterpack-input-group flex-30 pb-4">
	    <div class="starterpack-input pb-0">
        	<input class="starterpack-toggle starterpack-toggle-light" id="starterpack_use_home_css" value="1" name="starterpack_use_home_css" <?php checked(AdminStarterPack\starterpack_field_setting('starterpack_use_home_css'), 1, true) ?> type="checkbox"/>
        	<label class="starterpack-toggle-btn" for="starterpack_use_home_css"></label><label class="toggle-label" for="starterpack_use_home_css"><?php _e('Homepage'); ?></label> 
	    </div>
	    <div class="starterpack-help">
	        <?php _e('Use CSS for Homepage', 'starterpack') ?>
	    </div>
	</div>
	
	<div class="starterpack-input-group flex-30 pb-4">
	    <div class="starterpack-input pb-0">
        	<input class="starterpack-toggle starterpack-toggle-light" id="starterpack_use_late_home_css" value="1" name="starterpack_use_late_home_css" <?php checked(AdminStarterPack\starterpack_field_setting('starterpack_use_late_home_css'), 1, true) ?> type="checkbox"/>
        	<label class="starterpack-toggle-btn" for="starterpack_use_late_home_css"></label><label class="toggle-label" for="starterpack_use_late_home_css"><?php _e('Late Homepage'); ?></label> 
	    </div>
	    <div class="starterpack-help">
	        <?php _e('Use late CSS for Homepage', 'starterpack') ?>
	    </div>
	</div>
	
	<div class="starterpack-input-group flex-30 pb-4">
	    <div class="starterpack-input pb-0">
        	<input class="starterpack-toggle starterpack-toggle-light" id="starterpack_use_page_css" value="1" name="starterpack_use_page_css" <?php checked(AdminStarterPack\starterpack_field_setting('starterpack_use_page_css'), 1, true) ?> type="checkbox"/>
        	<label class="starterpack-toggle-btn" for="starterpack_use_page_css"></label><label class="toggle-label" for="starterpack_use_page_css"><?php _e('Pages'); ?></label> 
	    </div>
	    <div class="starterpack-help">
	    <?php _e('Use CSS for Pages except Homepage', 'starterpack') ?>
	    </div>
	</div>
	
	<div class="starterpack-input-group flex-30 pb-4">
	    <div class="starterpack-input pb-0">
        	<input class="starterpack-toggle starterpack-toggle-light" id="starterpack_use_late_page_css" value="1" name="starterpack_use_late_page_css" <?php checked(AdminStarterPack\starterpack_field_setting('starterpack_use_late_page_css'), 1, true) ?> type="checkbox"/>
        	<label class="starterpack-toggle-btn" for="starterpack_use_late_page_css"></label><label class="toggle-label" for="starterpack_use_late_page_css"><?php _e('Late Pages'); ?></label> 
	    </div>
	    <div class="starterpack-help">
	        <?php _e('Use late CSS for Pages except Homepage', 'starterpack') ?>
	    </div>
	</div>
	
	<div class="starterpack-input-group flex-30 pb-4">
	    <div class="starterpack-input pb-0">
        	<input class="starterpack-toggle starterpack-toggle-light" id="starterpack_use_archive_css" value="1" name="starterpack_use_archive_css" <?php checked(AdminStarterPack\starterpack_field_setting('starterpack_use_archive_css'), 1, true) ?> type="checkbox"/>
        	<label class="starterpack-toggle-btn" for="starterpack_use_archive_css"></label><label class="toggle-label" for="starterpack_use_archive_css"><?php _e('Archives'); ?></label> 
	    </div>
	    <div class="starterpack-help">
	        <?php _e('Use CSS for Archives', 'starterpack') ?>
	    </div>
	</div>
	
    <div class="starterpack-input-group flex-30 pb-4">
	    <div class="starterpack-input pb-0">
        	<input class="starterpack-toggle starterpack-toggle-light" id="starterpack_use_singular_css" value="1" name="starterpack_use_singular_css" <?php checked(AdminStarterPack\starterpack_field_setting('starterpack_use_singular_css'), 1, true) ?> type="checkbox"/>
        	<label class="starterpack-toggle-btn" for="starterpack_use_singular_css"></label><label class="toggle-label" for="starterpack_use_singular_css"><?php _e('Singular'); ?></label> 
	    </div>
	    <div class="starterpack-help">
	        <?php _e('Use CSS for Singular Post', 'starterpack') ?>
	    </div>
	</div>
	
	<div class="starterpack-input-group flex-30 pb-4">
	    <div class="starterpack-input pb-0">
        	<input class="starterpack-toggle starterpack-toggle-light" id="starterpack_use_wc_archives_css" value="1" name="starterpack_use_wc_archives_css" <?php checked(AdminStarterPack\starterpack_field_setting('starterpack_use_wc_archives_css'), 1, true) ?> type="checkbox"/>
        	<label class="starterpack-toggle-btn" for="starterpack_use_wc_archives_css"></label><label class="toggle-label" for="starterpack_use_wc_archives_css"><?php _e('WC Archives'); ?></label> 
	    </div>
	    <div class="starterpack-help">
	        <?php _e('Use CSS for WC Archives', 'starterpack') ?>
	    </div>
	</div>
	
	<div class="starterpack-input-group flex-30 pb-4">
	    <div class="starterpack-input pb-0">
        	<input class="starterpack-toggle starterpack-toggle-light" id="starterpack_use_wc_product_css" value="1" name="starterpack_use_wc_product_css" <?php checked(AdminStarterPack\starterpack_field_setting('starterpack_use_wc_product_css'), 1, true) ?> type="checkbox"/>
        	<label class="starterpack-toggle-btn" for="starterpack_use_wc_product_css"></label><label class="toggle-label" for="starterpack_use_wc_product_css"><?php _e('Product Pages'); ?></label> 
	    </div>
	    <div class="starterpack-help">
	        <?php _e('Use CSS for WC Products', 'starterpack') ?>
	    </div>
	</div>
	
</div>