body.cwpm-admin-page #wpcontent{
	background-color:var(--color-bg);
	transition:background-color 0.3s ease;
}

body.cwpm-admin-page #wpbody-content{
	padding-bottom:0;
}

body.cwpm-admin-page .color-punch-root{
	margin-left:-20px;
	min-height:calc(100vh - 32px);
	transition:background-color 0.3s ease, color 0.3s ease;
}

body.cwpm-admin-page #wpfooter{
	display:none;
}

.color-punch-root h1,
.color-punch-root h2,
.color-punch-root h3,
.color-punch-root h4,
.color-punch-root h5,
.color-punch-root h6,
.color-punch-root p{
	color:var(--color-text);
	transition:color 0.3s ease;
}
.color-punch-root h1,
.color-punch-root h2,
.color-punch-root h3,
.color-punch-root h4,
.color-punch-root h5,
.color-punch-root h6{
	text-transform:none;
}

.color-punch-root .table thead th{
	text-transform:none;
}
.color-punch-root .btn.btn--sm{
	line-height:normal;
}
.color-punch-root input[type="color"],
.color-punch-root input[type="date"],
.color-punch-root input[type="datetime-local"],
.color-punch-root input[type="datetime"],
.color-punch-root input[type="email"],
.color-punch-root input[type="month"],
.color-punch-root input[type="number"],
.color-punch-root input[type="password"],
.color-punch-root input[type="search"],
.color-punch-root input[type="tel"],
.color-punch-root input[type="text"],
.color-punch-root input[type="time"],
.color-punch-root input[type="url"],
.color-punch-root input[type="week"],
.color-punch-root select,
.color-punch-root textarea{
	box-shadow:none;
	outline:none;
	border-radius:0.375rem;
	border:2px solid var(--gray-200);
	background-color:var(--white);
	color:var(--color-text);
	font-family:inherit;
	font-size:var(--text-sm);
	line-height:var(--leading-normal);
	padding:var(--space-3) var(--space-4);
	min-height:auto;
	transition:border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.color-punch-root input[type="color"]:hover,
.color-punch-root input[type="date"]:hover,
.color-punch-root input[type="datetime-local"]:hover,
.color-punch-root input[type="datetime"]:hover,
.color-punch-root input[type="email"]:hover,
.color-punch-root input[type="month"]:hover,
.color-punch-root input[type="number"]:hover,
.color-punch-root input[type="password"]:hover,
.color-punch-root input[type="search"]:hover,
.color-punch-root input[type="tel"]:hover,
.color-punch-root input[type="text"]:hover,
.color-punch-root input[type="time"]:hover,
.color-punch-root input[type="url"]:hover,
.color-punch-root input[type="week"]:hover,
.color-punch-root select:hover,
.color-punch-root textarea:hover{
	border-color:var(--gray-300);
}

.color-punch-root input[type="color"]:focus,
.color-punch-root input[type="date"]:focus,
.color-punch-root input[type="datetime-local"]:focus,
.color-punch-root input[type="datetime"]:focus,
.color-punch-root input[type="email"]:focus,
.color-punch-root input[type="month"]:focus,
.color-punch-root input[type="number"]:focus,
.color-punch-root input[type="password"]:focus,
.color-punch-root input[type="search"]:focus,
.color-punch-root input[type="tel"]:focus,
.color-punch-root input[type="text"]:focus,
.color-punch-root input[type="time"]:focus,
.color-punch-root input[type="url"]:focus,
.color-punch-root input[type="week"]:focus,
.color-punch-root select:focus,
.color-punch-root textarea:focus{
	outline:none;
	box-shadow:none;
	border-color:var(--color-primary);
}

.color-punch-root textarea{
	min-height:6rem;
	resize:vertical;
}

.color-punch-root select{
	cursor:pointer;
	appearance:auto;
}
.color-punch-root ::selection{
	background:var(--color-primary) !important;
	color:var(--white) !important;
}

.color-punch-root ::-moz-selection{
	background:var(--color-primary) !important;
	color:var(--white) !important;
}
.color-punch-root[data-theme="frappe"] ::selection, .color-punch-root[data-theme="macchiato"] ::selection, .color-punch-root[data-theme="mocha"] ::selection{
		background:var(--color-primary) !important;
		color:var(--charcoal) !important;
	}
.color-punch-root[data-theme="frappe"] .switch .switch__track, .color-punch-root[data-theme="macchiato"] .switch .switch__track, .color-punch-root[data-theme="mocha"] .switch .switch__track{
		background:var(--gray-400);
		border:none;
	}
.color-punch-root[data-theme="frappe"] .switch .switch__track::after, .color-punch-root[data-theme="macchiato"] .switch .switch__track::after, .color-punch-root[data-theme="mocha"] .switch .switch__track::after{
			background:var(--white);
			box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
		}
.color-punch-root[data-theme="frappe"] .switch .switch__input:checked+.switch__track, .color-punch-root[data-theme="macchiato"] .switch .switch__input:checked+.switch__track, .color-punch-root[data-theme="mocha"] .switch .switch__input:checked+.switch__track{
		background:var(--color-primary);
		border:none;
	}
.color-punch-root[data-theme="frappe"] .switch .switch__input:checked+.switch__track::after, .color-punch-root[data-theme="macchiato"] .switch .switch__input:checked+.switch__track::after, .color-punch-root[data-theme="mocha"] .switch .switch__input:checked+.switch__track::after{
			background:var(--charcoal);
			box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);
		}


.color-punch-root[data-theme="latte"]{
	--color-primary:var(--rosewater);
	--color-secondary:var(--sapphire);

	--blue:var(--sky);
}


.color-punch-root[data-theme="latte"] #cwpm_nav button.active{
		background:var(--gray-100);
	}


.color-punch-root[data-theme="latte"] #cwpm_nav button:hover{
		background:var(--gray-50);
	}


.color-punch-root[data-theme="latte"] .cwpm-action-card.cwpm-action-card--selected,
	.color-punch-root[data-theme="latte"] #cwpm-card-new-scan,
	.color-punch-root[data-theme="latte"] #cwpm-card-last-scan{
		color:white !important;
	}


.color-punch-root[data-theme="latte"] .badge-warning{
		color:var(--white);
	}

.color-punch-root[data-theme="light"] .cwpm-actions-count{
		background:var(--gray-200);
	}

.color-punch-root[data-theme="light"] .badge-neutral{
		background:var(--gray-100);
		color:var(--gray-400);
	}

.color-punch-root[data-theme="light"] .badge-warning{
		color:var(--white);
	}

.color-punch-root[data-theme="macchiato"]{
	--color-primary:var(--fuchsia);
	--color-secondary:var(--mint);
}

.color-punch-root[data-theme="mocha"]{
	--color-primary:var(--orange);
	--color-secondary:var(--yellow);
}
.cwpm-disclaimer{
	margin-top:var(--space-4);
	margin-bottom:var(--space-4);
	font-size:var(--text-sm);
	color:var(--color-text);
	line-height:1.5;
}

.cwpm-disclaimer__lead{
	margin:0 0 var(--space-2);
	font-weight:var(--font-semibold);
}

.cwpm-disclaimer__list{
	margin:0;
	padding-left:1.25rem;
	display:flex;
	flex-direction:column;
	gap:var(--space-2);
}

.cwpm-disclaimer__confirm{
	margin-top:var(--space-4);
	padding:var(--space-3);
	border:1px solid var(--gray-200);
	border-radius:var(--radius);
	background:var(--color-bg);
}

.cwpm-disclaimer__confirm-label{
	font-size:var(--text-sm);
	font-weight:var(--font-semibold);
	color:var(--color-text);
}

#cwpm-orphan-delete-modal .alert.alert--warning{
	margin-bottom:var(--space-3);
}

.cwpm-orphan-delete__list{
	margin:0;
	padding-left:1.25rem;
	display:flex;
	flex-direction:column;
	gap:var(--space-2);
	max-height:200px;
	overflow-y:auto;
}

.cwpm-orphan-delete__list li{
	font-family:var(--font-mono);
	font-size:var(--text-sm);
	color:var(--muted);
	word-break:break-all;
}

.btn.no-lift.no-lift:hover{
	transform:none;
}
.hover\:text-coal:hover{
	color:var(--coal);
}

.hover\:text-charcoal:hover{
	color:var(--charcoal);
}

.hover\:text-charcoal-muted:hover{
	color:var(--charcoal-muted);
}

.hover\:text-gray:hover{
	color:var(--gray);
}

.hover\:text-yellow:hover{
	color:var(--yellow);
}

.hover\:text-pink:hover{
	color:var(--pink);
}

.hover\:text-green:hover{
	color:var(--green);
}

.hover\:text-purple:hover{
	color:var(--purple);
}

.hover\:text-beige:hover{
	color:var(--beige);
}

.hover\:text-blue:hover{
	color:var(--blue);
}

.hover\:text-orange:hover{
	color:var(--orange);
}

.hover\:text-red:hover{
	color:var(--red);
}

.hover\:text-white:hover{
	color:var(--white);
}

.hover\:text-primary:hover{
	color:var(--color-primary);
}

.hover\:text-secondary:hover{
	color:var(--color-secondary);
}

.hover\:text-teal:hover{
	color:var(--teal);
}

.hover\:text-coral:hover{
	color:var(--coral);
}

.hover\:text-amber:hover{
	color:var(--amber);
}

.hover\:text-fuchsia:hover{
	color:var(--fuchsia);
}

.hover\:text-mint:hover{
	color:var(--mint);
}

.hover\:text-sky:hover{
	color:var(--sky);
}

.hover\:text-rosewater:hover{
	color:var(--rosewater);
}

.hover\:text-flamingo:hover{
	color:var(--flamingo);
}

.hover\:text-maroon:hover{
	color:var(--maroon);
}

.hover\:text-sapphire:hover{
	color:var(--sapphire);
}

.hover\:text-lavender:hover{
	color:var(--lavender);
}

.hover\:text-gray-25:hover{
	color:var(--gray-25);
}

.hover\:text-gray-50:hover{
	color:var(--gray-50);
}

.hover\:text-gray-75:hover{
	color:var(--gray-75);
}

.hover\:text-gray-100:hover{
	color:var(--gray-100);
}

.hover\:text-gray-200:hover{
	color:var(--gray-200);
}

.hover\:text-gray-300:hover{
	color:var(--gray-300);
}

.hover\:text-gray-400:hover{
	color:var(--gray-400);
}

.hover\:text-gray-500:hover{
	color:var(--gray-500);
}

.hover\:text-gray-600:hover{
	color:var(--gray-600);
}

.hover\:text-gray-700:hover{
	color:var(--gray-700);
}

.hover\:text-gray-800:hover{
	color:var(--gray-800);
}

.hover\:text-gray-900:hover{
	color:var(--gray-900);
}
.active-text-coal.active{
		color:var(--coal);
	}

.active-text-charcoal.active{
		color:var(--charcoal);
	}

.active-text-charcoal-muted.active{
		color:var(--charcoal-muted);
	}

.active-text-gray.active{
		color:var(--gray);
	}

.active-text-yellow.active{
		color:var(--yellow);
	}

.active-text-pink.active{
		color:var(--pink);
	}

.active-text-green.active{
		color:var(--green);
	}

.active-text-purple.active{
		color:var(--purple);
	}

.active-text-beige.active{
		color:var(--beige);
	}

.active-text-blue.active{
		color:var(--blue);
	}

.active-text-orange.active{
		color:var(--orange);
	}

.active-text-red.active{
		color:var(--red);
	}

.active-text-white.active{
		color:var(--white);
	}

.active-text-primary.active{
		color:var(--color-primary);
	}

.active-text-secondary.active{
		color:var(--color-secondary);
	}

.active-text-teal.active{
		color:var(--teal);
	}

.active-text-coral.active{
		color:var(--coral);
	}

.active-text-amber.active{
		color:var(--amber);
	}

.active-text-fuchsia.active{
		color:var(--fuchsia);
	}

.active-text-mint.active{
		color:var(--mint);
	}

.active-text-sky.active{
		color:var(--sky);
	}

.active-text-rosewater.active{
		color:var(--rosewater);
	}

.active-text-flamingo.active{
		color:var(--flamingo);
	}

.active-text-maroon.active{
		color:var(--maroon);
	}

.active-text-sapphire.active{
		color:var(--sapphire);
	}

.active-text-lavender.active{
		color:var(--lavender);
	}

.active-text-gray-25.active{
		color:var(--gray-25);
	}

.active-text-gray-50.active{
		color:var(--gray-50);
	}

.active-text-gray-75.active{
		color:var(--gray-75);
	}

.active-text-gray-100.active{
		color:var(--gray-100);
	}

.active-text-gray-200.active{
		color:var(--gray-200);
	}

.active-text-gray-300.active{
		color:var(--gray-300);
	}

.active-text-gray-400.active{
		color:var(--gray-400);
	}

.active-text-gray-500.active{
		color:var(--gray-500);
	}

.active-text-gray-600.active{
		color:var(--gray-600);
	}

.active-text-gray-700.active{
		color:var(--gray-700);
	}

.active-text-gray-800.active{
		color:var(--gray-800);
	}

.active-text-gray-900.active{
		color:var(--gray-900);
	}

@media (min-width: 48rem){
	.modal.modal-large .modal-box{
		width:56rem;
		max-width:73%;
	}
}

.accordion__panel--no-padding{
	padding-left:0 !important;
	padding-right:0 !important;
}

.accordion__summary{
	border:3px solid var(--color-primary);
}

.accordion .accordion__item{
		border-bottom:none;
	}

.theme-toggle{
    display:flex;
    align-items:center;
    gap:var(--space-2);
    padding:var(--space-2) var(--space-4);
    border:none;
    border-radius:0;
    background:transparent;
    color:var(--color-muted);
    font-family:inherit;
    font-size:var(--text-sm);
    font-weight:var(--font-medium);
    cursor:pointer;
    transition:all 0.2s ease;
    flex-direction:column;
}

.color-punch-root.dark .theme-toggle,
    .color-punch-root[data-theme="frappe"] .theme-toggle,
    .color-punch-root[data-theme="macchiato"] .theme-toggle,
    .color-punch-root[data-theme="mocha"] .theme-toggle{
        border-color:var(--gray-600);
    }

.theme-toggle:hover{
        opacity:0.85;
    }

.theme-toggle-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:1.25rem;
    height:1.25rem;
    color:inherit;
}




.color-punch-root.dark .theme-toggle,
.color-punch-root[data-theme="frappe"] .theme-toggle,
.color-punch-root[data-theme="macchiato"] .theme-toggle,
.color-punch-root[data-theme="mocha"] .theme-toggle{
    border-color:var(--gray-700);
}

.theme-toggle:hover{
    opacity:0.9;
}

.theme-dropdown{
    position:relative;
}

.theme-dropdown-panel{
    position:absolute;
    top:100%;
    right:0;
    margin-top:var(--space-1);
    min-width:8rem;
    padding:var(--space-1);
    background:var(--color-bg);
    border:1px solid var(--gray-200);
    border-radius:0.25rem;
    box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);
    z-index:20;
}

.color-punch-root.dark .theme-dropdown-panel,
.color-punch-root[data-theme="frappe"] .theme-dropdown-panel,
.color-punch-root[data-theme="macchiato"] .theme-dropdown-panel,
.color-punch-root[data-theme="mocha"] .theme-dropdown-panel{
    border-color:var(--gray-600);
    box-shadow:0 4px 12px rgba(0, 0, 0, 0.4);
}

.theme-dropdown-group{
    margin-top:var(--space-2);
    padding:0.25rem 0.75rem 0.1rem;
    font-size:0.7rem;
    font-weight:var(--font-semibold);
    text-transform:uppercase;
    letter-spacing:0.05em;
    color:var(--color-muted);
    pointer-events:none;
}

.theme-dropdown-group:first-child{
    margin-top:0;
}

.theme-dropdown-panel button{
    display:block;
    width:100%;
    padding:0.35rem 0.75rem;
    text-align:left;
    font-size:var(--text-sm);
    background:transparent;
    border:none;
    border-radius:0.2rem;
    color:var(--color-text);
    cursor:pointer;
    opacity:1;
    font-weight:inherit;
}

.theme-dropdown-panel button:hover{
    background:var(--gray-100);
}

.theme-dropdown-panel button[aria-selected="true"]{
    background:color-mix(in srgb, var(--color-primary) 15%, transparent);
    color:var(--color-primary);
}

.color-punch-root.dark .theme-dropdown-panel button:hover,
.color-punch-root[data-theme="frappe"] .theme-dropdown-panel button:hover,
.color-punch-root[data-theme="macchiato"] .theme-dropdown-panel button:hover,
.color-punch-root[data-theme="mocha"] .theme-dropdown-panel button:hover{
    background:var(--gray-600);
}

.cwpm-header{
	position:sticky;
	top:0;
	z-index:11;
	display:flex;
	align-items:center;
	justify-content:space-between;

	background:var(--color-bg);
	border-bottom:1px solid var(--charcoal);
}

.cwpm-header >div{
		width:100%;
	}

body.admin-bar .cwpm-header{
	top:32px;
}

@media screen and (max-width: 782px){
	body.admin-bar .cwpm-header{
		top:0;
	}

	.cwpm-header{
		position:relative;
	}
}

.cwpm-header__left{
	display:flex;
	align-items:center;
	gap:var(--space-3);
}
.cwpm-logo{
	display:block;
	width:302px;
	height:60px;
	margin-inline:var(--space-4);
	background-image:url('../img/cwpm_logo.png');
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}

.color-punch-root.dark .cwpm-logo{
	background-image:url('../img/cwpm_logo_dark_bg.png');
}
@media (max-width: 782px){
	.cwpm-logo{
		width:222px;
		height:44px;
		margin-inline:var(--space-2);
	}
}

@media (max-width: 480px){
	.cwpm-logo{
		width:176px;
		height:35px;
	}
}

#cwpm_nav{
	display:flex;
}

#cwpm_nav button{
		display:flex;
		flex-direction:column;
		border-radius:0;
		padding:.5rem 1rem;
	}

#cwpm_nav button.active{
			background:var(--gray);
		}

@media (max-width: 782px){
	#cwpm_nav button{
		padding:0.5rem 0.6rem;
	}
}

@media (max-width: 600px){
	#cwpm_nav button>span:last-child{
		display:none;
	}

	#cwpm_nav button{
		padding:0.5rem;
	}
}

.cwpm-settings-section#cwpm-compat-notice #cwpm-compat-notice-grid{
        display:grid;
        grid-template-columns:repeat(4, minmax(0, 1fr));
        gap:var(--space-2, 0.5rem);
    }

.cwpm-settings-section#cwpm-compat-notice .cwpm-compat-cell{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:var(--space-2, 0.5rem);
        padding:var(--space-2, 0.5rem) var(--space-3, 0.75rem);
        border:1px solid var(--charcoal);
        border-radius:var(--radius-md, 0.375rem);
        background:var(--color-surface, transparent);
        font-size:0.875rem;
        line-height:1.3;
    }

.cwpm-settings-section#cwpm-compat-notice .cwpm-compat-cell__name{
        font-weight:600;
    }

.cwpm-settings-section#cwpm-compat-notice .cwpm-compat-cell__status{
        display:inline-flex;
        align-items:center;
        gap:var(--space-1, 0.375rem);
    }

.cwpm-settings-section#cwpm-compat-notice .cwpm-compat-cell__label{
        opacity:0.85;
        font-size:0.7em;
    }

.cwpm-settings-section#cwpm-compat-notice .cwpm-compat-notice__disclaimer{
        margin-top:var(--space-2, 0.5rem);
        font-size:0.75rem;
        opacity:0.75;
    }

.cwpm-settings-section#cwpm-compat-notice .cwpm-compat-cell__icon{
        font-size:1rem;
    }

.cwpm-settings-section#cwpm-compat-notice .cwpm-compat-cell--supported .cwpm-compat-cell__icon{
        color:var(--green);
    }

.cwpm-settings-section#cwpm-compat-notice .cwpm-compat-cell--partial .cwpm-compat-cell__icon{
        color:var(--yellow);
    }

.cwpm-settings-section#cwpm-compat-notice .cwpm-compat-cell--unsupported .cwpm-compat-cell__icon{
        color:var(--red);
    }

@media (max-width: 900px){
        .cwpm-settings-section#cwpm-compat-notice #cwpm-compat-notice-grid{
            grid-template-columns:repeat(2, minmax(0, 1fr));
        }
    }

.cwpm-wizard-nav{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:var(--space-2);
	padding:var(--space-4) var(--space-6);
	background:var(--color-bg);
	transition:background-color 0.3s ease;
}

.cwpm-wizard-nav__item{
		display:flex;
		align-items:center;
		gap:var(--space-2);
		padding:var(--space-2) var(--space-4);
		border:1px solid var(--gray-300);
		border-radius:999px;
		background:transparent;
		color:var(--color-muted);
		font-family:inherit;
		font-size:var(--text-sm);
		font-weight:var(--font-medium);
		cursor:default;
		transition:all 0.2s ease;
		white-space:nowrap;
	}

.color-punch-root.dark .cwpm-wizard-nav__item,
		.color-punch-root[data-theme="frappe"] .cwpm-wizard-nav__item,
		.color-punch-root[data-theme="macchiato"] .cwpm-wizard-nav__item,
		.color-punch-root[data-theme="mocha"] .cwpm-wizard-nav__item{
			border-color:var(--gray-600);
		}

.cwpm-wizard-nav__item--completed{
			background:var(--color-secondary);
			border-color:var(--color-secondary);
			color:#fff;
		}

.cwpm-wizard-nav__item--completed .cwpm-wizard-nav__num{
				color:#fff;
			}

.cwpm-wizard-nav__item--active{
			background:var(--color-primary);
			border-color:var(--color-primary);
			color:#fff;
		}

.cwpm-wizard-nav__item--active .cwpm-wizard-nav__num{
				color:#fff;
			}

.cwpm-wizard-nav__num{
		display:inline-flex;
		align-items:center;
		justify-content:center;
		width:1.375rem;
		height:1.375rem;
		border-radius:50%;
		color:var(--gray-600);
		font-size:var(--text-xs);
		font-weight:var(--font-bold);
		transition:all 0.2s ease;
		background:var(--charcoal);
		line-height:normal;


	}
.color-punch-root[data-theme="frappe"] .cwpm-wizard-nav__item--completed, .color-punch-root[data-theme="macchiato"] .cwpm-wizard-nav__item--completed, .color-punch-root[data-theme="mocha"] .cwpm-wizard-nav__item--completed{
		color:#1e1e2e;


	}
.color-punch-root[data-theme="frappe"] .cwpm-wizard-nav__item--active, .color-punch-root[data-theme="macchiato"] .cwpm-wizard-nav__item--active, .color-punch-root[data-theme="mocha"] .cwpm-wizard-nav__item--active{
		color:#1e1e2e;


	}

@media (max-width: 600px){
	.cwpm-wizard-nav{
		padding:var(--space-3);
		gap:var(--space-1);
	}

	.cwpm-wizard-nav__item{
		padding:var(--space-2);
	}

	.cwpm-wizard-nav__label{
		display:none;
	}
}
.cwpm-scan-topbar{
	display:none;
}
.cwpm-steps .cwpm-step{
		display:none;
	}
.cwpm-steps .cwpm-step--active{
		display:block;
	}

@keyframes cwpm-step-enter{
	from{
		opacity:0;
		transform:translateY(10px);
	}
	to{
		opacity:1;
		transform:translateY(0);
	}
}

@keyframes cwpm-step-exit{
	from{
		opacity:1;
		transform:translateY(0);
	}
	to{
		opacity:0;
		transform:translateY(-10px);
	}
}

.cwpm-steps{
    padding:var(--space-6) 0;
    display:flex;
    flex-direction:column;
    gap:var(--space-6);
}

.cwpm-step{
    padding:var(--space-6);
    background:var(--color-bg);
    transition:background-color 0.3s ease;
}

.cwpm-step__title{
    margin:0 0 var(--space-2) 0;
    font-size:var(--text-lg);
    display:flex;
    align-items:center;
    gap:var(--space-2);
}

.cwpm-step__desc{
    margin:0 0 var(--space-4) 0;
    color:var(--color-muted);
    font-size:var(--text-sm);
}

.cwpm-main{
    max-width:1100px;
}

.cwpm-step__footer{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:var(--space-6);
    padding-top:var(--space-4);
}

.cwpm-step__footer--center{
    justify-content:center;
    gap:var(--space-4);
}

.cwpm-steps .cwpm-step--exiting{
    display:block;
    animation:cwpm-step-exit 0.2s ease forwards;
}

.cwpm-steps .cwpm-step--entering{
    animation:cwpm-step-enter 0.22s ease forwards;
}

@media (max-width: 600px){
    .cwpm-steps{
        padding:var(--space-4) 0;
        gap:var(--space-4);
    }

    .cwpm-step{
        padding:var(--space-4);
    }
}
.cwpm-header__settings-btn{
    margin-right:0.5rem;
}
.cwpm-settings-view{
    padding-bottom:4rem;
}

.cwpm-settings-view__topbar{
    display:flex;
    align-items:center;
    gap:1rem;
    padding:1rem 0 1.5rem;
    border-bottom:1px solid var(--border);
    margin-bottom:1.5rem;
}

.cwpm-settings-view__title{
    flex:1;
    margin:0;
    font-size:1.1rem;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:0.4rem;
}


.cwpm-settings-section{
    margin-bottom:var(--space-6);
}


.cwpm-settings-section:last-of-type{
        margin-bottom:0;
    }

.cwpm-settings-section__title{
    margin:0 0 var(--space-1) 0;
    font-size:var(--text-base);
    font-weight:var(--font-semibold);
    color:var(--color-text);
}

.cwpm-settings-section__desc{
    margin:0 0 var(--space-4) 0;
    font-size:var(--text-sm);
    color:var(--color-muted);
}

@media (max-width: 600px){
    .cwpm-settings-view__topbar{
        flex-wrap:wrap;
    }

    }

.cwpm-table-wrap{
	overflow-x:auto;
}

.cwpm-col-toggle{
	width:5rem;
	text-align:center;
}

.cwpm-size-slug{
	display:block;
	margin-top:var(--space-1);
	font-size:var(--text-xs);
	color:var(--color-muted);
}

.cwpm-thumbnails-actions{
	display:flex;
	align-items:center;
	gap:var(--space-3);
	margin-top:var(--space-4);
}

.cwpm-save-status{
	font-size:var(--text-sm);
	color:var(--color-muted);
	transition:opacity 0.3s ease;
}

.cwpm-scan-controls{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:var(--space-3);
}
.cwpm-scan-cards{
	display:flex;
	align-items:stretch;
	justify-content:center;
	gap:var(--space-4);
	padding:var(--space-4) 0;
}

.cwpm-scan-card{
	cursor:pointer;
	transition:background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
	text-align:center;
	width:160px;
	min-height:160px;
	justify-content:center;
	background-color:transparent !important;
}

.cwpm-scan-card .card-body{
		align-items:center;
		text-align:center;
	}

.cwpm-scan-card__icon{
	font-size:2rem;
	line-height:1;
}

.cwpm-scan-card__label{
	font-size:var(--text-sm);
	font-weight:var(--font-semibold);
}

.cwpm-scan-card__date{
	font-size:var(--text-xs);
	color:inherit;
	font-weight:normal;
}
.cwpm-scan-card[data-color="blue"]{
	background-color:var(--blue) !important;
	border:2px solid var(--blue) !important;
	color:var(--charcoal) !important;
}

.cwpm-scan-card[data-color="green"]{
	background-color:var(--green) !important;
	border:2px solid var(--green) !important;
	color:var(--charcoal) !important;
}

.cwpm-scan-card[data-color="amber"]{
	background-color:var(--amber) !important;
	border:2px solid var(--amber) !important;
	color:var(--charcoal) !important;
}
.cwpm-scan-progress{
	margin-top:var(--space-4);
}


.cwpm-progress{
	width:100%;
	height:0.625rem;
	border-radius:999px;
	background:var(--gray-200);
	overflow:hidden;
}


.color-punch-root.dark .cwpm-progress,
	.color-punch-root[data-theme="frappe"] .cwpm-progress,
	.color-punch-root[data-theme="macchiato"] .cwpm-progress,
	.color-punch-root[data-theme="mocha"] .cwpm-progress{
		background:var(--gray-700);
	}


.cwpm-progress__bar{
		height:100%;
		border-radius:999px;
		background:var(--color-primary);
		transition:width 0.3s ease;
	}

.cwpm-scan-progress__footer{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:var(--space-3);
	margin-top:var(--space-2);
}

.cwpm-scan-progress__status{
	margin:0;
	font-size:var(--text-sm);
	color:var(--color-muted);
}
.cwpm-action-bar{
	position:sticky;
	top:4rem;
	z-index:10;
	display:flex;
	flex-direction:column;
	gap:0;
	margin-top:var(--space-3);
	margin-bottom:var(--space-3);
	background:var(--color-bg);
	padding-top:var(--space-3);
	padding-bottom:var(--space-3);
	border-bottom:1px solid var(--gray-200);
}
body.admin-bar .cwpm-action-bar{
		top:calc(32px + 4rem);
	}
@media screen and (max-width: 782px){
		body.admin-bar .cwpm-action-bar{
			top:0;
		}
	}
.cwpm-action-bar__dropdown{
		width:auto;
		min-width:10rem;
	}
.cwpm-action-bar__dropdown .dropdown__trigger{
			width:auto;
			min-width:10rem;
		}
.cwpm-action-bar__select-check{
		flex-shrink:0;
		align-self:center;
		gap:0;
	}
.cwpm-action-bar__clean{
	display:flex;
	flex-direction:column;
	gap:var(--space-2);
	width:100%;
	padding:var(--space-1) 0;
}

.cwpm-action-bar__clean-info{
	display:flex;
	align-items:center;
	gap:var(--space-3);
	font-size:var(--text-sm);
}

.cwpm-action-bar__clean-status{
	font-weight:var(--font-semibold);
	white-space:nowrap;
}

.cwpm-action-bar__clean-file{
	color:var(--color-muted);
	font-size:var(--text-xs);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.cwpm-action-bar__clean-bar{
	height:0.4rem;
	border-radius:0.2rem;
}
.cwpm-action-bar__row{
	display:flex;
	align-items:center;
	gap:var(--space-2);
	width:100%;
}

.cwpm-action-bar__row--secondary{
	padding-top:var(--space-2);
	border-top:1px solid var(--gray-200);
	margin-top:var(--space-2);
	font-size:var(--text-xs);
	color:var(--color-muted);
}

.color-punch-root.dark .cwpm-action-bar__row--secondary,
.color-punch-root[data-theme="frappe"] .cwpm-action-bar__row--secondary,
.color-punch-root[data-theme="macchiato"] .cwpm-action-bar__row--secondary,
.color-punch-root[data-theme="mocha"] .cwpm-action-bar__row--secondary{
	border-color:var(--gray-700);
}

.cwpm-action-bar__switch-label{
	font-size:var(--text-xs);
	color:var(--color-muted);
	white-space:nowrap;
}

.cwpm-action-bar__select-label{
	font-size:var(--text-xs);
	color:var(--color-muted);
	white-space:nowrap;
}
.cwpm-action-bar__selects{
	display:flex;
	align-items:center;
	gap:var(--space-2);
	margin-left:auto;
}

.cwpm-action-bar__select-pair{
	display:flex;
	align-items:center;
	gap:var(--space-2);
}
.cwpm-action-bar__search{
	position:relative;
	flex:1 1 10rem;
	min-width:7rem;
	max-width:16rem;
}

.cwpm-action-bar__search .cwpm-action-bar__search-input{
	width:100%;
	padding-right:2rem;
	font-size:var(--text-xs);
	padding-top:var(--space-2);
	padding-bottom:var(--space-2);
}

.cwpm-action-bar__search-icon{
	position:absolute;
	right:0.6rem;
	top:50%;
	transform:translateY(-50%);
	font-size:1rem;
	color:var(--color-muted);
	pointer-events:none;
}
.cwpm-action-bar__switch{
	flex-shrink:0;
}
.cwpm-pagination{
	display:flex;
	align-items:center;
	gap:var(--space-2);
	margin-left:var(--space-3);
}

.cwpm-pagination__label{
	font-size:var(--text-xs);
	color:var(--color-muted);
	white-space:nowrap;
}

.cwpm-pagination__dropdown{
	width:auto;
}

.cwpm-pagination__dropdown .dropdown__trigger{
	font-size:var(--text-xs);
	padding:0.3rem 0.6rem;
	width:auto;
	min-width:0;
	white-space:nowrap;
}

.cwpm-pagination__dropdown .dropdown__panel{
	min-width:3.5rem;
}

.cwpm-pagination__dropdown .dropdown__option{
	font-size:var(--text-xs);
	padding:var(--space-1) var(--space-2);
}

.cwpm-pagination__info{
	font-size:var(--text-xs);
	color:var(--color-muted);
	white-space:nowrap;
}

.cwpm-pagination__btn{
	padding:0.2rem 0.4rem;
	font-size:var(--text-xs);
	line-height:1;
}
.cwpm-scan-results--sizes-expanded .cwpm-sizes-summary{
	display:none;
}

.cwpm-scan-results .cwpm-size-list--inline{
	display:none;
}

.cwpm-scan-results--sizes-expanded .cwpm-size-list--inline{
	display:flex;
}
.cwpm-status-dropdown{
	flex-shrink:0;
	width:auto;
}

.cwpm-status-dropdown .dropdown__trigger{
	font-size:var(--text-xs);
	padding:0.9rem 1rem;
	width:auto;
	white-space:nowrap;
}

.cwpm-status-dropdown .dropdown__panel{
	min-width:10rem;
}

.cwpm-status-dropdown .dropdown__option{
	font-size:var(--text-xs);
}
.cwpm-actions-trigger{
	display:inline-flex;
	align-items:center;
	gap:0.35rem;
	font-size:var(--text-sm);
	flex-shrink:0;
}

.cwpm-actions-count{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:1.2rem;
	height:1.2rem;
	padding:0 0.3rem;
	border-radius:999px;
	background:var(--charcoal);
	color:var(--white);
	font-size:0.7rem;
	font-weight:var(--font-bold);
	line-height:normal;
}
.cwpm-actions-trigger{
	position:relative;
	z-index:1;
}

.cwpm-actions-tooltip{
	position:absolute;
	top:calc(100% + 0.4rem);
	left:0;
	z-index:200;
	min-width:12rem;
	background:var(--charcoal);
	color:var(--white);
	border:1px solid var(--gray-700);
	border-radius:0.5rem;
	box-shadow:0 4px 12px rgba(0, 0, 0, 0.25);
	padding:0.35rem 0;
	pointer-events:none;
}

.cwpm-actions-tooltip__item{
	display:flex;
	align-items:center;
	gap:0.5rem;
	padding:0.3rem 0.75rem;
	font-size:var(--text-xs);
	white-space:nowrap;
	color:var(--white);
	text-transform:none;
}

.cwpm-actions-tooltip__dot{
	display:inline-block;
	width:0.5rem;
	height:0.5rem;
	border-radius:50%;
	flex-shrink:0;
}

.cwpm-actions-tooltip__heading{
	font-size:var(--text-xs);
	font-weight:var(--font-semibold);
	opacity:0.7;
	margin-bottom:0.25rem;
}
.cwpm-action-cards{
	margin-bottom:var(--space-3);
	align-items:center;
}
.cwpm-action-card__icon{
	font-size:2rem;
	line-height:1;
}
.cwpm-action-card .card-title{
	text-transform:none;
}

.cwpm-action-card__label{
	font-size:var(--text-sm);
	font-weight:var(--font-semibold);
}

@media (max-width: 1162px){

.cwpm-action-card__label{
		font-size:var(--text-xs)
}
	}
.cwpm-action-card{
	cursor:pointer;
	transition:background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
	text-align:center;
	aspect-ratio:16 / 11;
	justify-content:center;
	background-color:transparent !important;
	min-width:0;
	min-height:0;
}
.cwpm-action-card .card-body{
		align-items:center;
		text-align:center;
	}
.cwpm-action-card[data-color="blue"]{
	border:2px solid var(--blue) !important;
	color:var(--blue) !important;
}

.cwpm-action-card[data-color="amber"]{
	border:2px solid var(--amber) !important;
	color:var(--amber) !important;
}

.cwpm-action-card[data-color="green"]{
	border:2px solid var(--green) !important;
	color:var(--green) !important;
}

.cwpm-action-card[data-color="red"]{
	border:2px solid var(--red) !important;
	color:var(--red) !important;
}

.cwpm-action-card[data-color="teal"]{
	border:2px solid var(--teal) !important;
	color:var(--teal) !important;
}

.cwpm-action-card[data-color="purple"]{
	border:2px solid var(--purple) !important;
	color:var(--purple) !important;
}
.cwpm-action-card--selected.cwpm-action-card[data-color="blue"]{
	background-color:var(--blue) !important;
	color:var(--charcoal) !important;
}

.cwpm-action-card--selected.cwpm-action-card[data-color="amber"]{
	background-color:var(--amber) !important;
	color:var(--charcoal) !important;
}

.cwpm-action-card--selected.cwpm-action-card[data-color="green"]{
	background-color:var(--green) !important;
	color:var(--charcoal) !important;
}

.cwpm-action-card--selected.cwpm-action-card[data-color="red"]{
	background-color:var(--red) !important;
	color:var(--charcoal) !important;
}

.cwpm-action-card--selected.cwpm-action-card[data-color="teal"]{
	background-color:var(--teal) !important;
	color:var(--charcoal) !important;
}

.cwpm-action-card--selected.cwpm-action-card[data-color="purple"]{
	background-color:var(--purple) !important;
	color:var(--charcoal) !important;
}
.cwpm-action-cards__section-label{
	font-size:var(--text-sm);
	font-weight:var(--font-semibold);
	color:var(--color-muted);
	margin:0 0 var(--space-2);
	display:block;
}
.cwpm-action-cards__question{
	font-size:var(--text-sm);
	font-weight:var(--font-semibold);
	color:var(--color-muted);
	margin:var(--space-8) 0 var(--space-2);
	margin-top:3rem !important;
	display:block;
}
#cwpm-actions-modal .accordion__panel{
	padding-left:0;
	padding-right:0;
}

.cwpm-action-cards__desc{
	text-align:center;
	font-size:var(--text-sm);
	color:var(--color-muted);
	min-height:1.5em;
	margin:var(--space-4) 0 0 !important;
	transition:color 0.15s ease;
}

.cwpm-actions-modal-footer{
	flex-direction:row;
	align-items:center;
}

.cwpm-actions-modal-footer .cwpm-action-cards__desc{
		flex:1;
		text-align:left;
		margin:0 !important;
	}

@media (max-width: 600px){

.cwpm-actions-modal-footer{
		flex-direction:column;
		align-items:stretch
}

		.cwpm-actions-modal-footer .cwpm-action-cards__desc{
			text-align:center;
		}
	}
.cwpm-action-bar__play{
	flex-shrink:0;
	display:inline-flex;
	align-items:center;
	gap:0.35rem;
	font-size:var(--text-sm);
	margin-left:auto;
}
.color-punch-root .cwpm-action-btn.btn--amber{
	--btn-focus-color:var(--amber);
	background:var(--amber);
	border-color:var(--amber);
	color:var(--charcoal);
}
.cwpm-scan-results{
	margin-top:var(--space-4);
}
.cwpm-scan-results .accordion__panel{
		cursor:default;
	}
.cwpm-scan-results .accordion__label{
		display:flex;
		align-items:center;
		justify-content:flex-start;
		gap:10px;
	}
.cwpm-scan-results .results-title{
		margin:var(--space-6) 0 var(--space-3) 0;
		padding:0;
		font-size:var(--text-base);
		font-weight:var(--font-semibold);
		color:var(--color-text);
	}

.cwpm-scan-preview__note{
	display:flex;
	align-items:center;
	gap:var(--space-2);
	padding:var(--space-4);
	border:1px dashed var(--gray-300);
	border-radius:0.5rem;
	font-size:var(--text-sm);
}

.color-punch-root.dark .cwpm-scan-preview__note,
	.color-punch-root[data-theme="frappe"] .cwpm-scan-preview__note,
	.color-punch-root[data-theme="macchiato"] .cwpm-scan-preview__note,
	.color-punch-root[data-theme="mocha"] .cwpm-scan-preview__note{
		border-color:var(--gray-600);
	}
.cwpm-no-results{
	text-align:center;
	padding:var(--space-6);
}
.cwpm-table-scroll{
	overflow-x:auto;
}
.cwpm-file-table{
	width:100%;
}
.cwpm-file-table th,
	.cwpm-file-table td{
		padding:var(--space-1) var(--space-2);
	}
.cwpm-file-table th{
		text-align:left;
	}
.cwpm-file-table .th-index{
		width:2rem;
		min-width:2rem;
		padding-left:var(--space-2);
		padding-right:var(--space-2);
		vertical-align:middle;
	}
.cwpm-file-table .th-file{
		width:150px;
	}
.cwpm-file-table .th-size,
	.cwpm-file-table .th-potential-saving{
		width:70px;
	}
.cwpm-file-table .th-select{
		width:4rem;
		text-align:center;
	}
.cwpm-file-table td:first-child{
		width:2rem;
		min-width:2rem;
		padding-left:var(--space-2);
		padding-right:var(--space-2);
		vertical-align:middle;
	}
.cwpm-file-table td:last-child{
		text-align:center;
		vertical-align:middle;
	}
.cwpm-file-table .cwpm-month-row td{
		padding:var(--space-2) var(--space-2);
		font-size:var(--text-sm);
		font-weight:var(--font-semibold);
		color:var(--color-muted);
		background:transparent;
		border-top:1px solid var(--gray-200);
		border-bottom:1px solid var(--gray-200);
	}
.color-punch-root.dark .cwpm-file-table .cwpm-month-row td,
		.color-punch-root[data-theme="frappe"] .cwpm-file-table .cwpm-month-row td,
		.color-punch-root[data-theme="macchiato"] .cwpm-file-table .cwpm-month-row td,
		.color-punch-root[data-theme="mocha"] .cwpm-file-table .cwpm-month-row td{
			border-top-color:var(--gray-700);
			border-bottom-color:var(--gray-700);
		}
.cwpm-file-table .cwpm-month-row__cell-inner{
		display:flex;
		align-items:center;
	}
.cwpm-file-table .cwpm-month-row__icon{
		margin-right:var(--space-1);
	}
.cwpm-file-table .form__check,
.cwpm-action-bar .form__check,
#cwpm-folder-list .accordion__summary .form__check{
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:var(--space-2);
	cursor:pointer;
}
.cwpm-file-table .form__check input, .cwpm-action-bar .form__check input, #cwpm-folder-list .accordion__summary .form__check input{
		position:absolute;
		opacity:0;
		width:1.375rem;
		height:1.375rem;
		margin:0;
		cursor:pointer;
		z-index:1;
	}
.cwpm-file-table .form__check span, .cwpm-action-bar .form__check span, #cwpm-folder-list .accordion__summary .form__check span{
		position:relative;
		display:inline-block;
		width:1.375rem;
		height:1.375rem;
		border:2px solid var(--gray-400);
		border-radius:0.375rem;
		background:var(--white);
		transition:border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
		flex-shrink:0;
	}
.cwpm-file-table .form__check input:hover+span, .cwpm-action-bar .form__check input:hover+span, #cwpm-folder-list .accordion__summary .form__check input:hover+span{
		border-color:var(--gray-500);
	}
.cwpm-file-table .form__check input:focus-visible+span, .cwpm-action-bar .form__check input:focus-visible+span, #cwpm-folder-list .accordion__summary .form__check input:focus-visible+span{
		outline:2px solid var(--color-primary);
		outline-offset:2px;
	}
.cwpm-file-table .form__check input:checked+span, .cwpm-action-bar .form__check input:checked+span, #cwpm-folder-list .accordion__summary .form__check input:checked+span{
		background:var(--color-primary);
		border-color:var(--color-primary);
		transform:scale(1.1);
		box-shadow:0 2px 6px rgba(0, 0, 0, 0.15);
	}
.cwpm-file-table .form__check input:checked+span::after, .cwpm-action-bar .form__check input:checked+span::after, #cwpm-folder-list .accordion__summary .form__check input:checked+span::after{
		content:"";
		position:absolute;
		left:0.4rem;
		top:0.15rem;
		width:0.35rem;
		height:0.6rem;
		border:solid var(--white);
		border-width:0 2px 2px 0;
		transform:rotate(45deg);
		animation:cwpm-checkmark-in 0.25s ease forwards;
	}

@keyframes cwpm-checkmark-in{
	0%{
		opacity:0;
		transform:rotate(45deg) scale(0.5);
	}

	50%{
		transform:rotate(45deg) scale(1.15);
	}

	100%{
		opacity:1;
		transform:rotate(45deg) scale(1);
	}
}
.color-punch-root.dark .cwpm-file-table .form__check input:not(:checked)+span,
	.color-punch-root.dark .cwpm-action-bar .form__check input:not(:checked)+span,
	.color-punch-root.dark #cwpm-folder-list .accordion__summary .form__check input:not(:checked)+span,
	.color-punch-root[data-theme="frappe"] .cwpm-file-table .form__check input:not(:checked)+span,
	.color-punch-root[data-theme="frappe"] .cwpm-action-bar .form__check input:not(:checked)+span,
	.color-punch-root[data-theme="frappe"] #cwpm-folder-list .accordion__summary .form__check input:not(:checked)+span,
	.color-punch-root[data-theme="macchiato"] .cwpm-file-table .form__check input:not(:checked)+span,
	.color-punch-root[data-theme="macchiato"] .cwpm-action-bar .form__check input:not(:checked)+span,
	.color-punch-root[data-theme="macchiato"] #cwpm-folder-list .accordion__summary .form__check input:not(:checked)+span,
	.color-punch-root[data-theme="mocha"] .cwpm-file-table .form__check input:not(:checked)+span,
	.color-punch-root[data-theme="mocha"] .cwpm-action-bar .form__check input:not(:checked)+span,
	.color-punch-root[data-theme="mocha"] #cwpm-folder-list .accordion__summary .form__check input:not(:checked)+span{
		background:var(--gray-700);
		border-color:var(--gray-600);
	}
.color-punch-root.dark .cwpm-file-table .form__check input:not(:checked):hover+span,
	.color-punch-root.dark .cwpm-action-bar .form__check input:not(:checked):hover+span,
	.color-punch-root.dark #cwpm-folder-list .accordion__summary .form__check input:not(:checked):hover+span,
	.color-punch-root[data-theme="frappe"] .cwpm-file-table .form__check input:not(:checked):hover+span,
	.color-punch-root[data-theme="frappe"] .cwpm-action-bar .form__check input:not(:checked):hover+span,
	.color-punch-root[data-theme="frappe"] #cwpm-folder-list .accordion__summary .form__check input:not(:checked):hover+span,
	.color-punch-root[data-theme="macchiato"] .cwpm-file-table .form__check input:not(:checked):hover+span,
	.color-punch-root[data-theme="macchiato"] .cwpm-action-bar .form__check input:not(:checked):hover+span,
	.color-punch-root[data-theme="macchiato"] #cwpm-folder-list .accordion__summary .form__check input:not(:checked):hover+span,
	.color-punch-root[data-theme="mocha"] .cwpm-file-table .form__check input:not(:checked):hover+span,
	.color-punch-root[data-theme="mocha"] .cwpm-action-bar .form__check input:not(:checked):hover+span,
	.color-punch-root[data-theme="mocha"] #cwpm-folder-list .accordion__summary .form__check input:not(:checked):hover+span{
		border-color:var(--gray-500);
	}
.color-punch-root[data-theme="frappe"] .cwpm-file-table .form__check input:checked+span::after,
	.color-punch-root[data-theme="frappe"] .cwpm-action-bar .form__check input:checked+span::after,
	.color-punch-root[data-theme="frappe"] #cwpm-folder-list .accordion__summary .form__check input:checked+span::after,
	.color-punch-root[data-theme="macchiato"] .cwpm-file-table .form__check input:checked+span::after,
	.color-punch-root[data-theme="macchiato"] .cwpm-action-bar .form__check input:checked+span::after,
	.color-punch-root[data-theme="macchiato"] #cwpm-folder-list .accordion__summary .form__check input:checked+span::after,
	.color-punch-root[data-theme="mocha"] .cwpm-file-table .form__check input:checked+span::after,
	.color-punch-root[data-theme="mocha"] .cwpm-action-bar .form__check input:checked+span::after,
	.color-punch-root[data-theme="mocha"] #cwpm-folder-list .accordion__summary .form__check input:checked+span::after{
		border-color:var(--charcoal);
	}
.cwpm-action-bar__select-check input:indeterminate+span{
	background:var(--color-primary);
	border-color:var(--color-primary);
	transform:scale(1.05);
	box-shadow:0 2px 6px rgba(0, 0, 0, 0.15);
}

.cwpm-action-bar__select-check input:indeterminate+span::after{
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	width:0.5rem;
	height:2px;
	margin-left:-0.25rem;
	margin-top:-1px;
	background:var(--white);
	border:none;
	transform:none;
	animation:none;
}

.color-punch-root[data-theme="frappe"] .cwpm-action-bar__select-check input:indeterminate+span::after,
.color-punch-root[data-theme="macchiato"] .cwpm-action-bar__select-check input:indeterminate+span::after,
.color-punch-root[data-theme="mocha"] .cwpm-action-bar__select-check input:indeterminate+span::after{
	background:var(--charcoal);
}
.cwpm-file-cell{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:var(--space-2);
	font-size:80%;
}

.cwpm-file-thumb__img{
	display:block;
	width:72px;
	height:72px;
	border-radius:0.5rem;
	object-fit:cover;
}

.cwpm-file-thumb__placeholder{
	display:block;
	width:72px;
	height:72px;
	border-radius:0.5rem;
	background:var(--gray-200);
}

.color-punch-root.dark .cwpm-file-thumb__placeholder,
	.color-punch-root[data-theme="frappe"] .cwpm-file-thumb__placeholder,
	.color-punch-root[data-theme="macchiato"] .cwpm-file-thumb__placeholder,
	.color-punch-root[data-theme="mocha"] .cwpm-file-thumb__placeholder{
		background:var(--gray-700);
	}
.cwpm-year-meta{
	display:inline-flex;
	align-items:center;
	gap:var(--space-1);
	margin-left:var(--space-2);
}
.cwpm-year-meta .badge i{
		margin-right:var(--space-1);
	}
#cwpm-folder-list .accordion__summary{
		display:flex;
		align-items:center;
		gap:var(--space-3);
	}
#cwpm-folder-list .accordion__summary .accordion__icon{
			order:-1;
			flex-shrink:0;
			width:22px;
			height:22px;
			font-size:1.65em;
			line-height:20px;
			text-align:center;
		}
#cwpm-folder-list .accordion__summary .accordion__label{
			flex:1;
			min-width:0;
		}
#cwpm-folder-list .accordion__summary .cwpm-year-select{
			flex-shrink:0;
		}
#cwpm-folder-list .accordion__summary:hover .cwpm-year-select input:not(:checked)+span{
			background:rgba(255, 255, 255, 0.2);
			border-color:var(--gray-600);
		}
#cwpm-folder-list .accordion__summary:hover .cwpm-year-select input:checked+span{
			background:var(--gray-600);
			border-color:var(--gray-600);
		}
#cwpm-folder-list .accordion__summary:hover .cwpm-year-select input:checked+span::after{
			border-color:var(--beige);
		}
#cwpm-folder-list .accordion__details[open] .accordion__summary .cwpm-year-select input:not(:checked)+span{
		background:rgba(255, 255, 255, 0.2);
		border-color:var(--gray-600);
	}
#cwpm-folder-list .accordion__details[open] .accordion__summary .cwpm-year-select input:checked+span{
		background:var(--gray-600);
		border-color:var(--gray-600);
	}
#cwpm-folder-list .accordion__details[open] .accordion__summary .cwpm-year-select input:checked+span::after{
		border-color:var(--beige);
	}
.color-punch-root[data-theme="frappe"] #cwpm-folder-list .accordion__summary:hover .cwpm-year-select input:checked+span::after, .color-punch-root[data-theme="macchiato"] #cwpm-folder-list .accordion__summary:hover .cwpm-year-select input:checked+span::after, .color-punch-root[data-theme="mocha"] #cwpm-folder-list .accordion__summary:hover .cwpm-year-select input:checked+span::after{
		border-color:var(--beige);
	}
.color-punch-root[data-theme="frappe"] #cwpm-folder-list .accordion__details[open] .accordion__summary .cwpm-year-select input:checked+span::after, .color-punch-root[data-theme="macchiato"] #cwpm-folder-list .accordion__details[open] .accordion__summary .cwpm-year-select input:checked+span::after, .color-punch-root[data-theme="mocha"] #cwpm-folder-list .accordion__details[open] .accordion__summary .cwpm-year-select input:checked+span::after{
		border-color:var(--beige);
	}
.cwpm-size-list{
	display:flex;
	flex-wrap:wrap;
	gap:var(--space-1);
}

.cwpm-size-pill{
	display:inline-flex;
	align-items:center;
	gap:0.25rem;
	padding:0.125rem 0.5rem;
	border-radius:999px;
	font-size:var(--text-xs);
	width:100%;
}

.cwpm-size-pill__label{
		white-space:nowrap;
	}

.cwpm-size-pill--ok{
		color:var(--green);
	}

.cwpm-size-pill--missing{
		color:var(--red);
	}

.cwpm-size-pill--pending{
		color:var(--yellow);
	}

.cwpm-size-pill--regenerated{
		color:var(--blue);
	}

.cwpm-size-pill--trashed{
		color:var(--color-muted);
		opacity:0.7;
	}
.cwpm-sizes-summary{
	position:relative;
	display:inline-block;
}

.cwpm-sizes-toggle{
	display:inline-flex;
	align-items:center;
	gap:0.35rem;
	padding:0.2rem 0.5rem;
	border:none;
	border-radius:999px;
	background:transparent;
	font-size:var(--text-xs);
	cursor:pointer;
	color:var(--color-text);
	white-space:nowrap;
	transition:background-color 0.15s ease;
}

.cwpm-sizes-toggle:hover{
		background:var(--gray-100);
	}

.cwpm-sizes-toggle .cwpm-sizes-toggle__icon{
		font-size:0.65em;
		color:var(--color-muted);
		opacity:0.6;
		transition:opacity 0.15s ease;
	}

.cwpm-sizes-toggle:hover .cwpm-sizes-toggle__icon{
		opacity:1;
	}

.color-punch-root.dark .cwpm-sizes-toggle:hover,
.color-punch-root[data-theme="frappe"] .cwpm-sizes-toggle:hover,
.color-punch-root[data-theme="macchiato"] .cwpm-sizes-toggle:hover,
.color-punch-root[data-theme="mocha"] .cwpm-sizes-toggle:hover{
	background:var(--gray-700);
}

.cwpm-sizes-popup{
	position:absolute;
	top:calc(100% + 0.4rem);
	left:0;
	z-index:100;
	min-width:10rem;
	max-width:18rem;
	background:var(--color-bg);
	border:1px solid var(--gray-200);
	border-radius:0.5rem;
	box-shadow:0 4px 12px rgba(0, 0, 0, 0.12);
	padding:0.5rem 0;
	overflow:hidden;
}

.color-punch-root.dark .cwpm-sizes-popup,
.color-punch-root[data-theme="frappe"] .cwpm-sizes-popup,
.color-punch-root[data-theme="macchiato"] .cwpm-sizes-popup,
.color-punch-root[data-theme="mocha"] .cwpm-sizes-popup{
	border-color:var(--gray-700);
	box-shadow:0 4px 12px rgba(0, 0, 0, 0.3);
}

.cwpm-sizes-popup__header{
	padding:0.35rem 0.75rem;
	font-size:var(--text-xs);
	font-weight:var(--font-semibold);
	color:var(--color-muted);
	border-bottom:1px solid var(--gray-200);
	margin-bottom:0.25rem;
}

.color-punch-root.dark .cwpm-sizes-popup__header,
.color-punch-root[data-theme="frappe"] .cwpm-sizes-popup__header,
.color-punch-root[data-theme="macchiato"] .cwpm-sizes-popup__header,
.color-punch-root[data-theme="mocha"] .cwpm-sizes-popup__header{
	border-color:var(--gray-700);
}
.cwpm-scan-date{
	font-size:var(--text-sm);
	font-weight:normal;
	color:var(--color-muted);
}
@media (max-width: 1162px){
	.cwpm-action-bar__row:not(.cwpm-action-bar__row--secondary){
		flex-wrap:wrap;
		gap:var(--space-2);
	}

	.cwpm-action-bar__search{
		flex:1 1 calc(50% - var(--space-1));
		max-width:none;
		min-width:0;
	}
	#cwpm-trash-action-bar .cwpm-action-bar__search{
		flex:1 1 100%;
	}

	.cwpm-status-dropdown{
		flex:1 1 calc(50% - var(--space-1));
		min-width:0;
	}

	.cwpm-status-dropdown .dropdown__trigger{
		width:100%;
	}

	.cwpm-actions-trigger{
		flex:1 1 calc(50% - var(--space-1));
		min-width:0;
		justify-content:center;
	}

	.cwpm-action-bar__play{
		flex:1 1 calc(50% - var(--space-1));
		margin-left:0;
		min-width:0;
		justify-content:center;
	}
	.cwpm-action-bar__row--secondary{
		flex-wrap:wrap;
	}

	.cwpm-action-bar__selects{
		flex:1 1 100%;
		margin-left:0;
	}

	.cwpm-action-bar__select-pair{
		flex:1;
		justify-content:center;
	}

	.cwpm-pagination{
		margin-left:0;
		flex-wrap:wrap;
	}
	.color-punch-root .cwpm-action-cards.grid-cols-4{
		grid-template-columns:repeat(3, 1fr);
	}
}
@media (max-width: 782px){
	.cwpm-action-bar{
		position:relative;
		top:auto;
	}
}
@media (max-width: 600px){

	.color-punch-root .cwpm-action-cards.grid-cols-4,
	.color-punch-root .cwpm-action-cards.grid-cols-3{
		grid-template-columns:repeat(2, 1fr);
	}
}

@media (max-width: 600px){
	.cwpm-scan-cards{
		flex-wrap:wrap;
	}

	.cwpm-scan-card{
		width:calc(50% - var(--space-2));
	}
}

.cwpm-stats-grid{
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:var(--space-4);
	margin-bottom:var(--space-6);
}

@media (max-width: 1162px){

.cwpm-stats-grid{
		grid-template-columns:repeat(3, 1fr);
		gap:var(--space-3)
}
	}

@media (max-width: 900px){

.cwpm-stats-grid{
		grid-template-columns:repeat(2, 1fr)
}
	}

@media (max-width: 600px){

.cwpm-stats-grid{
		grid-template-columns:repeat(2, 1fr);
		gap:var(--space-2)
}
	}

#cwpm-clean-action-results .cwpm-stats-grid{
	grid-template-columns:repeat(3, 1fr);
}

.cwpm-stat-card{
	display:flex;
	align-items:flex-start;
	gap:var(--space-3);
	padding:var(--space-2);
	border:1px solid var(--gray-200);
	border-radius:0.5rem;
	background:var(--color-bg);
	transition:background-color 0.3s ease, border-color 0.3s ease;
}

.cwpm-stat-card .cwpm-stat-card__label{
		font-size:80%;
	}

@media (max-width: 1162px){

.cwpm-stat-card{
		padding:var(--space-3);
		gap:var(--space-2)
}
	}

@media (max-width: 600px){

.cwpm-stat-card{
		padding:var(--space-2);
		gap:var(--space-2)
}
	}

.color-punch-root.dark .cwpm-stat-card,
.color-punch-root[data-theme="frappe"] .cwpm-stat-card,
.color-punch-root[data-theme="macchiato"] .cwpm-stat-card,
.color-punch-root[data-theme="mocha"] .cwpm-stat-card{
	border-color:var(--gray-700);
}

.cwpm-stat-card__icon{
	flex-shrink:0;
	margin-top:0.125rem;
	font-size:calc(2 * var(--text-xl));
	line-height:1.2;
}

@media (max-width: 1162px){

.cwpm-stat-card__icon{
		font-size:calc(1.5 * var(--text-xl))
}
	}

@media (max-width: 600px){

.cwpm-stat-card__icon{
		font-size:var(--text-xl)
}
	}

.cwpm-stat-card__body{
	display:flex;
	flex-direction:column;
}

.cwpm-stat-card__value{
	font-size:var(--text-xl);
	font-weight:var(--font-bold);
	line-height:1.2;
}

.cwpm-stat-card__label{
	font-size:var(--text-sm);
	color:var(--color-muted);
}

.cwpm-media-link{
	align-items:center;
	gap:0.4em;
	color:inherit;
	text-decoration:none;
}

.cwpm-media-link i{
		font-size:var(--text-xs);
		color:var(--color-muted);
		opacity:0.5;
		transition:opacity 0.15s ease, color 0.15s ease;
	}

.cwpm-media-link:hover i{
		opacity:1;
		color:var(--blue);
	}

.cwpm-usage-wrap{
	position:relative;
	display:inline-block;
}

.cwpm-usage-toggle{
	cursor:pointer;
	border:none;
}

.cwpm-usage-toggle i{
		margin-left:0.25em;
		opacity:0.6;
	}

.cwpm-usage-toggle:hover i{
		opacity:1;
	}

.cwpm-usage-popup[hidden]{
	display:none !important;
}

.cwpm-usage-popup{
	position:absolute;
	top:calc(100% + 0.4rem);
	left:0;
	z-index:100;
	min-width:14rem;
	max-width:22rem;
	max-height:18rem;
	background:var(--color-bg);
	border:1px solid var(--gray-200);
	border-radius:0.5rem;
	box-shadow:0 4px 12px rgba(0, 0, 0, 0.12);
	padding:0;
	overflow:hidden;
	display:flex;
	flex-direction:column;
}

.color-punch-root.dark .cwpm-usage-popup,
.color-punch-root[data-theme="frappe"] .cwpm-usage-popup,
.color-punch-root[data-theme="macchiato"] .cwpm-usage-popup,
.color-punch-root[data-theme="mocha"] .cwpm-usage-popup{
	border-color:var(--gray-700);
	box-shadow:0 4px 12px rgba(0, 0, 0, 0.3);
}

.cwpm-usage-popup__header{
	padding:0.5rem 0.75rem;
	font-size:var(--text-xs);
	font-weight:var(--font-semibold);
	color:var(--color-muted);
	border-bottom:1px solid var(--gray-200);
}

.color-punch-root.dark .cwpm-usage-popup__header,
.color-punch-root[data-theme="frappe"] .cwpm-usage-popup__header,
.color-punch-root[data-theme="macchiato"] .cwpm-usage-popup__header,
.color-punch-root[data-theme="mocha"] .cwpm-usage-popup__header{
	border-color:var(--gray-700);
}

.cwpm-usage-popup__list{
	list-style:none;
	margin:0;
	padding:0.25rem 0;
	overflow-y:auto;
	flex:1 1 auto;
}

.cwpm-usage-popup__list li{
		padding:0.35rem 0.75rem;
		font-size:var(--text-sm);
		display:flex;
		align-items:center;
		flex-wrap:wrap;
		gap:0.4em;
	}

.cwpm-usage-popup__list a{
		flex-shrink:0;
		color:var(--blue);
		text-decoration:none;
	}

.cwpm-usage-popup__list a:hover{
			text-decoration:underline;
		}

.cwpm-row-status{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-size:1.4rem;
	line-height:1;
	color:var(--green);
}

.cwpm-row-status .loader{
		filter:brightness(0);
	}

.color-punch-root.dark .cwpm-row-status .loader,
.color-punch-root[data-theme="frappe"] .cwpm-row-status .loader,
.color-punch-root[data-theme="macchiato"] .cwpm-row-status .loader,
.color-punch-root[data-theme="mocha"] .cwpm-row-status .loader{
	filter:brightness(0) invert(1);
}

#cwpm-folder-list .cwpm-status-cell{
		display:flex;
		flex-direction:column;
		gap:0.25rem;
		align-items:flex-start;
	}

.cwpm-backup-controls,
.cwpm-clean-actions{
	display:flex;
	align-items:center;
	gap:var(--space-3);
	margin-top:var(--space-4);
}

.cwpm-backup-status,
.cwpm-clean-status{
	font-size:var(--text-sm);
	color:var(--color-muted);
}

.cwpm-backup-progress,
.cwpm-clean-progress{
	margin-top:var(--space-4);
}

.cwpm-backup-done,
.cwpm-clean-done{
	margin-top:var(--space-4);
}

.cwpm-clean-done-icon{
	text-align:center;
	font-size:3.5rem;
	color:var(--color-success);
	margin-bottom:var(--space-3);
	line-height:1;
}

.cwpm-clean-done-message{
	text-align:center;
	font-size:var(--text-sm);
	color:var(--color-muted);
	margin:0 0 var(--space-5);
}

.cwpm-stat-card__math{
	font-size:var(--text-xs);
	color:var(--color-muted);
	margin-top:var(--space-1);
}

.cwpm-tally{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:var(--space-2);
	margin-top:var(--space-4);
	padding-top:var(--space-4);
	border-top:1px solid var(--color-border);
	font-size:var(--text-sm);
	font-weight:var(--font-semibold);
}

.cwpm-tally__gained{
	color:var(--color-success);
}

.cwpm-tally__freed{
	color:var(--color-warning);
}

.cwpm-tally__sep{
	color:var(--color-muted);
}

.cwpm-clean-result-stats{
	display:flex;
	gap:var(--space-8);
	justify-content:center;
	margin-top:var(--space-5);
}

.cwpm-clean-result-stat{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:var(--space-1);
}

.cwpm-clean-result-stat__value{
	font-size:var(--text-2xl);
	font-weight:var(--font-bold);
	color:var(--color-text);
}

.cwpm-clean-result-stat__label{
	font-size:var(--text-sm);
	color:var(--color-muted);
}

.cwpm-clean-options{
	display:flex;
	flex-direction:column;
	gap:var(--space-2);
	margin-top:var(--space-4);
}

.cwpm-header__trash-btn{
    margin-right:0.5rem;
}

.cwpm-trash-view{
    padding-bottom:4rem;
}

.cwpm-trash-view__topbar{
    display:flex;
    align-items:center;
    gap:1rem;
    padding:1rem 0 1.5rem;
    border-bottom:1px solid var(--border);
    margin-bottom:1.5rem;
}

.cwpm-trash-view__title{
    flex:1;
    margin:0;
    font-size:1.1rem;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:0.4rem;
}

.cwpm-trash-view__empty-btn{
    color:var(--red);
    border-color:var(--red);
}

.cwpm-trash-view__empty-btn:hover:not(:disabled){
        background:var(--red);
        color:#fff;
    }

.cwpm-trash-view__stats{
    margin-bottom:1.5rem;
}

.cwpm-trash-view__empty-state{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1rem;
    padding:4rem 0;
    color:var(--muted);
}

.cwpm-trash-view__loading{
    text-align:center;
    padding:2rem;
    color:var(--muted);
}
#cwpm-trash-table.table--heading-secondary thead th{
    background:var(--red);
    border-bottom-color:var(--red);
}

.th-select{
    width:4rem;
    text-align:center;
}
.th-file{
    flex:1;
    min-width:0;
}
.th-action{
    width:6rem;
    text-align:center;
}

.cwpm-trash__name-cell{
    display:flex;
    align-items:center;
    gap:0.5rem;
    flex:1;
    min-width:0;
}

.cwpm-trash__thumb-img{
    width:2.5rem;
    height:2.5rem;
    object-fit:cover;
    border-radius:var(--radius);
    flex-shrink:0;
}

.cwpm-trash__thumb-placeholder{
    width:2.5rem;
    height:2.5rem;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--surface-2);
    border-radius:var(--radius);
    color:var(--muted);
    flex-shrink:0;
}

.cwpm-trash__filename{
    font-weight:500;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.cwpm-trash__dir{
    font-size:0.8em;
    color:var(--muted);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.cwpm-trash__action-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:2rem;
    height:2rem;
    padding:0;
    border-radius:var(--radius);
    border:1px solid var(--border);
    background:transparent;
    color:var(--muted);
    cursor:pointer;
    transition:color 0.15s, background 0.15s;
    font-size:0.85rem;
    border-radius:4px;
}
.cwpm-trash__action-btn:hover:not(:disabled){
        color:var(--color);
    }

.cwpm-trash__action-btn--restore{
    color:var(--green);
}

.cwpm-trash__action-btn--restore:hover:not(:disabled){
        background:var(--green);
        border-color:var(--green);
        color:#fff;
    }

.cwpm-trash__action-btn--delete{
    color:var(--red);
}

.cwpm-trash__action-btn--delete:hover:not(:disabled){
        background:var(--red);
        border-color:var(--red);
        color:#fff;
    }
.cwpm-trash__date{
    white-space:nowrap;
}
.cwpm-trash-table .form__check{
    display:inline-flex;
}

.cwpm-row--loading{
    opacity:0.5;
    pointer-events:none;
}

@media (max-width: 600px){
    .cwpm-trash-view__topbar{
        flex-wrap:wrap;
    }
}

.cwpm-header__logs-btn{
    margin-right:0.5rem;
}

.cwpm-logs-view{
    padding-bottom:4rem;
}

.cwpm-logs-view__topbar{
    display:flex;
    align-items:center;
    gap:1rem;
    padding:1rem 0 1.5rem;
    border-bottom:1px solid var(--border);
    margin-bottom:1.5rem;
}

.cwpm-logs-view__title{
    flex:1;
    margin:0;
    font-size:1.1rem;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:0.4rem;
}

.cwpm-logs-view__stats{
    margin-bottom:1.5rem;
}

.cwpm-logs-view__empty-state{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1rem;
    padding:4rem 0;
    color:var(--muted);
}

.cwpm-logs-view__loading{
    text-align:center;
    padding:2rem;
    color:var(--muted);
}
#cwpm-logs-table.table--heading-secondary thead th{
    background:var(--blue);
    border-bottom-color:var(--blue);
}
.cwpm-logs__date{
    font-weight:500;
    white-space:nowrap;
}
.cwpm-logs__action-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:2rem;
    height:2rem;
    padding:0;
    border:1px solid var(--border);
    background:transparent;
    color:var(--muted);
    cursor:pointer;
    transition:color 0.15s, background 0.15s;
    font-size:0.85rem;
    border-radius:4px;
}
.cwpm-logs__action-btn:hover:not(:disabled){
        color:var(--color);
    }

.cwpm-logs__action-btn--download{
    color:var(--blue);
}

.cwpm-logs__action-btn--download:hover:not(:disabled){
        background:var(--blue);
        border-color:var(--blue);
        color:#fff;
    }

.cwpm-logs__action-btn--delete{
    color:var(--red);
}

.cwpm-logs__action-btn--delete:hover:not(:disabled){
        background:var(--red);
        border-color:var(--red);
        color:#fff;
    }

.cwpm-logs-view__auto-delete{
    display:flex;
    align-items:center;
    gap:0.5rem;
    margin-bottom:1rem;
}

.cwpm-logs-view__auto-delete-label{
    color:var(--muted);
    font-size:0.85rem;
}

@media (max-width: 600px){
    .cwpm-logs-view__topbar{
        flex-wrap:wrap;
    }
}

@keyframes cwpm-view-enter{
	from{
		opacity:0;
		transform:translateY(16px);
	}
	to{
		opacity:1;
		transform:translateY(0);
	}
}

@keyframes cwpm-view-exit{
	from{
		opacity:1;
		transform:translateY(0);
	}
	to{
		opacity:0;
		transform:translateY(-16px);
	}
}

.cwpm-secondary-view{
	display:block;
}

.cwpm-secondary-view--exiting{
	animation:cwpm-view-exit 0.2s ease forwards;
}

.cwpm-secondary-view--entering{
	animation:cwpm-view-enter 0.22s ease forwards;
}

