:root {
    --cc-primary-color: #1f2933;
    --cc-secondary-color: #1f2933;
    --cc-btn-primary-bg: #e13237;
    --cc-btn-primary-color: #ffffff;
    --cc-btn-primary-hover-bg: #c32a2d;
    --cc-btn-primary-hover-color: #ffffff;
    --cc-btn-secondary-bg: #edf2f7;
    --cc-btn-secondary-hover-bg: #cbd2d9;
    --cc-btn-secondary-hover-color: #000000;
    --cc-btn-secondary-hover-border-color: #d4dae0;
    --cc-separator-border-color: #edf2f7;
    --cc-toggle-off-bg: #616e7c;
    --cc-toggle-on-knob-bg: #ffffff;
    --cc-toggle-readonly-bg: #edf2f7;
    --cc-toggle-readonly-knob-bg: #ffffff;
    --cc-cookie-category-block-bg: #ffffff;
    --cc-cookie-category-block-border: #9aa5b1;
    --cc-cookie-category-block-hover-bg: #edf2f7;
    --cc-cookie-category-block-hover-border: #e9eff4;
    --cc-cookie-category-expanded-block-bg: transparent;
    --cc-cookie-category-expanded-block-hover-bg: #dee4e9;
    --cc-overlay-bg: rgba(0, 0, 0, 0.2);
    --cc-footer-border-color: #e4eaed;
}

#dww-cc-trigger {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    display: none;
    width: 48px;
    height: 48px;
    padding: 0;
    margin: 0;
    border: none;
    cursor: pointer;
    background-color: var(--cc-btn-primary-bg);
    clip-path: polygon(0 0, 0 100%, 100% 100%);
    transform-origin: bottom left;
    transition: transform 0.25s ease;
}

#dww-cc-trigger:hover {
    transform: scale(1.15);
}

#dww-cc-trigger svg {
    position: absolute;
    bottom: 4px;
    left: 4px;
    width: 22px;
    height: 22px;
    stroke: var(--cc-btn-primary-color);
}

#cc-main {
	pointer-events: auto;

	.pm__section--toggle .pm__section-desc-wrapper {
		border-radius: var(--cc-modal-border-radius);
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

	.pm__section-title {
		border-radius: var(--cc-modal-border-radius);
	}

	.pm__title {
		font-size: 1.25em;
	}

	.pm--box {
		height: auto;
		max-height: calc(100% - 16px);
		top: auto;
		bottom: var(--cc-modal-margin);
		transform: none !important;
	}

	.pm--box, .cm--box {
		max-width: 900px !important;
		box-shadow: 0 32px 68px rgba(0, 0, 0, .3);

		.pm__footer {
			.pm__btn-group {
				@media (min-width: 641px) {
					&:first-child {
						width: 66.66%;
					}

					&:last-child {
						width: 33.33%;
					}
				}
			}
		}

		.cm__btns {
			flex-direction: column;

			@media (min-width: 641px) {
				flex-direction: row;
			}

			.cm__btn-group {
				margin-top: 0!important;

				@media (max-width: 640px) {
					&:last-child {
						.cm__btn {
							margin-top: .375rem;
						}
					}
				}

				@media (min-width: 641px) {
					&:first-child {
						width: 66.66%;
					}

					&:last-child {
						width: 33.33%;

						.cm__btn {
							margin-left: .375rem;
						}
					}
				}
			}
		}

		.pm__btn, .cm__btn {
			border: none;

			&.pm__btn--secondary, &.cm__btn--secondary {
				background: var(--cc-btn-primary-bg);
				color: var(--cc-btn-primary-color);
				border: none;

				&:hover {
					color: var(--cc-btn-primary-hover-color);
					background: var(--cc-btn-primary-hover-bg);
				}
			}
		}

		.pm__section {
			background: none;
			border: none;

			&:not(:first-child):hover {
				background: unset;
				border: unset;
			}

			&:last-child {
				padding: 0;
			}
		}
	}

	.section__toggle:checked:disabled ~ .toggle__icon {
		background-color: var(--cc-btn-primary-bg);

		svg {
			stroke: var(--cc-btn-primary-bg);
		}
	}
}