:root {
    --main-bg-color: #23434e; /*Achtergrond HR's, achtergrond hover op menu's, achtergrond mobiel balk, banner & footer, .btn-primary */
    --main-bg-lighter-60: color-mix(in srgb, var(--main-bg-color) 60%, white 10%);
    --main-button-color: #e87f23;
    --main-button-boxshadow-color: #8c4c15;
    --main-button-icon-color: #ba661c;
    --secondary-bg-color: #2e5967;
    --secondary-text-color: var(--secondary-bg-color);
    --secondary-box-shadow-color: #3a6f81;
    --secondary-button-color: #8c4c15;
    --bestel-categorie-color: #ed8936;
    --main-text-color: #707070;
    --main-placeholder-color: #a0aec0;
    --text-bekijk-product: #f6ad55;
    --standaard-wit: #fff;
    --page-bg-color: #f4f4f4;
    --kendo-font-size: 16px;
}

input[type="checkbox"][readonly] {
    pointer-events: none;
    opacity: 0.6;
}

.favorite-company-column {
    width: 100%;
    height: 100%;
    align-items: center;
}

/* #region Login-popup */

.login-popup {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255,255,255,.66);
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-popup-content {
    background-color: gray;
    border-radius: 1%;
    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.3);
}

.close-login-popup {
    cursor: pointer;
}

/* #endregion Login-popup */

/* #region bestellen CSS t.b.v. SHARK ImageMicroService */
.category-image-wrapper {
    width: 312px;
    height: 285px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
}

.category-image-wrapper-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: white;
    overflow: hidden;
}

.product-image-small-wrapper {
    width: 80px;
    height: 80px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.product-image-medium-wrapper {
    width: 288px;
    height: 288px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
/* #endregion bestellen CSS t.b.v. SHARK ImageMicroService*/

/* #region Aanvulling Telerik 2024 */
.k-grid td.k-selected, .k-grid td.k-state-selected, .k-grid tr.k-selected, .k-grid tr.k-state-selected, .k-listview > .k-selected, .k-listview > .k-state-selected, .k-selected .k-progress-status, .k-state-selected .k-progress-status {
    color: #FFF;
}

.k-grid td.k-selected, .k-grid .k-table-row.k-selected > td, .k-grid .k-table-td.k-selected, .k-grid .k-table-row.k-selected > .k-table-td {
    background-color: inherit;
}
/* #endregion Aanvulling Telerik 2024 */

/* #region Eigen CSS */
.overflow-y-scroll {
    overflow-y: scroll;
}

.overflow-y-auto {
    overflow-y: auto;
}

.regular-hyperlink {
    color: deepskyblue;
    text-decoration: underline;
}

.position-relative {
    position: relative;
}

.datepicker-crossed {
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    opacity: 0.5;
    color: red;
}

a.disabled {
    pointer-events: none;
    cursor: default;
    background-color: var(--main-button-boxshadow-color);
}

/*#region Cookies*/

#cookiePopup {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: var(--page-bg-color);
    padding: 10px;
    text-align: center;
}

    #cookiePopup p {
        margin: 0;
    }

    #cookiePopup button {
        margin: 0 10px;
        padding: 8px 20px;
        border: none;
        cursor: pointer;
        border-radius: 4px;
    }

#cookiePopupAccept {
    background-color: var(--main-button-color);
    color: var(--standaard-wit);
}

#cookiePopupReject {
    background-color: var(--page-bg-color);
    color: var(--main-text-color);
}

    #cookiePopupReject:hover {
        color: var(--secondary-bg-color);
    }

/*#endregion Cookies*/

.hidden-search {
    visibility: hidden !important;
}

.k-multiselect, .k-multiselect.k-hover {
    border-color: #8e8e8e;
    border-width: 2px;
    border-radius: .5rem;
    background-color: white;
}

/* #region Loading screen tijdens verwerken formulier */

.loading-screen-background {
    background-color: black;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    opacity: 0.2;
    width: 100%;
}

.loading-screen-image {
    position: fixed;
    top: 50%;
    left: 50%;
}
/* #endregion Loading screen tijdens verwerken formulier */

/* #region Categorieën */
@media(max-width: 1024px) {
    .toggle-category-menu .toggle-category-menu-icon {
        display: none;
    }
}

.category-menu-rotated .toggle-category-menu-icon {
    transform: rotate(180deg);
}

/*.categories-wrapper .categories-content {
    display: none;
}*/

/* #endregion Categorieën */

/* #region Form-categorieën naast elkaar */
@media (min-width: 1280px) {
    .w-full-force {
        width: 100% !important;
    }

    .categoryheader {
        margin: 0.2rem;
    }
}

/* #endregion Categorieën naast elkaar */

.normal-ul {
    list-style: unset;
    padding: 0 0 0 12px;
    margin: 0 0 0 12px;
}

/* #region Modulefilters */

#module-filter-checkbox .module-filter-pair {
    display: inline-block;
}

.remove-filter {
    opacity: .4;
}

    .remove-filter.active {
        opacity: 1;
    }

/* #endregion Modulefilters */

.fa-info-circle:hover, .fa-info-circle:focus {
    border: 0;
    outline: 0;
    color: red;
}

.flex-column {
    flex-direction: column;
}

#popup {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.66);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-thumbnail-popup {
    cursor: pointer;
}

#popup-wrapper {
    position: absolute;
    display: none;
    background-color: gainsboro;
}

    #popup-wrapper button {
        float: right;
    }

.no-padding {
    padding: 0 !important;
}

.signature-canvas {
    width: 450px;
    height: 300px;
}

/* #region Editor */

.k-editor .k-input-inner {
    line-height: inherit !important;
}

/* #endregion Editor */

/*#region Categorie-menu */

.sidebar .k-treeview .k-treeview-leaf {
    display: none !important;
}

/*#endregion Categorie-menu */

/* #region Tooltip */
#keyPop {
    position: absolute;
    z-index: 995;
    pointer-events: none;
}
/*
#keyPopBlur {
    width: 200px;
    height: 10px;
    position: relative;
    background-color: #bbbbbb !important;
    left: 25px;
    z-index: 900;
    top: -10px;
    box-shadow: 0px 0px 60px 30px #bbbbbb
}*/

#keyPopInner {
    position: relative;
    border: solid #cccccc 1px;
    background-color: #fcffff !important;
    padding: 0.75rem;
    z-index: 995;
}

#keyPopData {
    overflow: hidden;
    color: black;
    font-size: 0.84rem;
    font-weight: normal;
    width: 100%;
    height: 100%;
    z-index: 995;
}

    #keyPopData p {
        margin: 0;
        z-index: 995;
    }
/* #endregion Tooltip */

/* #region Telerik upgrade 07-2024 */
.k-grid .k-table-thead .k-link {
    padding-inline: 0 !important;
}

    .k-grid .k-table-thead .k-link .k-column-title, .k-grid .k-table-td {
        padding-left: 1.286em;
    }

.k-grid .k-grid-pager {
    border-top: 10px solid var(--secondary-bg-color) !important;
    background: inherit;
    font-weight: bold;
    padding-top: 0px;
}

    .k-grid .k-grid-pager .k-pager-info {
        color: var(--main-bg-color);
    }

.k-grid td {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
    padding: .929em 1.286em;
}

.k-grid-content-locked td {
    padding-left: 1.286em !important;
    padding-right: 1.286em !important;
}

.k-grid-content-locked tr {
    background-color: white !important;
}

.k-grid-content tr td:not(.k-grid-content-sticky) {
    border-left-width: 0;
}

.k-sort-icon .k-icon {
    color: white;
}

.k-grid tr td {
    border-bottom-width: 1px !important;
    border-style: solid !important;
}

.k-pager-numbers-wrap {
    height: 3.2em;
}

    .k-pager-numbers-wrap .k-pager-numbers .k-button {
        color: black !important;
    }

    .k-pager-numbers-wrap .k-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: relative;
        text-align: center;
        margin-left: .25rem;
        margin-right: .25rem;
        width: 2.5rem;
        font-weight: 700;
    }

        .k-pager-numbers-wrap .k-button:hover {
            color: var(--bestel-categorie-color) !important;
        }

    .k-pager-numbers-wrap .k-pager-numbers .k-button.k-selected {
        color: transparent !important;
        border-width: 2px 0px 1px 0px !important;
        border-color: var(--bestel-categorie-color) !important;
    }

        .k-pager-numbers-wrap .k-pager-numbers .k-button.k-selected .k-button-text {
            color: var(--bestel-categorie-color) !important;
        }

.k-grid-pager .k-pager-info {
    flex: 1 !important;
    text-align: right !important;
    order: 9 !important;
    justify-content: flex-end !important;
}

col.k-sorted {
    background-color: transparent;
}

.k-upload .k-upload-button {
    text-transform: uppercase;
}

.k-upload .k-dropzone {
    border-style: solid;
    border-width: 0;
    padding: .8em;
    background-color: transparent;
}

.k-upload .k-upload-files .k-icon {
    opacity: 0.65;
}

.k-calendar .k-calendar-footer .k-button {
    color: #3a4aa6 !important;
    background-color: transparent !important;
}

.k-calendar .k-calendar-table .k-link {
    border-radius: 100px;
}

.k-calendar .k-today .k-link {
    color: #3f51b5;
}

/* #endregion Telerik upgrade 07-2024 */

/* #region Telerik upgrade 11-2022 */
.k-column-title {
    color: white;
}

.k-calendar td.k-selected .k-link {
    background-color: var(--main-bg-color) !important;
    border-color: var(--main-bg-color) !important;
    color: white !important;
}

.k-grid .k-grid-toolbar button[type="button"] {
    border-radius: .5rem;
    background-color: var(--main-button-color) !important;
    border-color: var(--main-button-color) !important;
    box-shadow: 0 3px 0 var(--main-button-boxshadow-color);
    text-transform: capitalize;
    color: white;
    padding: 8px 14px
}

    .k-grid .k-grid-toolbar button[type="button"]:hover {
        box-shadow: 0 3px 0 var(--main-button-color);
    }

.k-input-inner {
    /*line-height: 0 !important;*/
    /*padding: 0 !important;
    text-indent: 0 !important;*/
}

.k-grid tr.k-selected,
.k-grid tr.k-selected:hover,
.k-grid tr.k-selected:hover td {
    background-color: var(--secondary-bg-color) !important;
}
/* #endregion Telerik upgrade 11-2022 */

/* #region Calendar */

.k-calendar > .k-header, .k-popup .k-button, .k-calendar td.k-state-selected .k-link {
    background-color: var(--main-bg-color) !important;
    color: white !important;
}

.k-calendar .k-calendar-monthview th {
    color: white !important;
}

/*#endregion Calendar*/

/* #region ProductPopUp */
#productPopUp {
    position: absolute;
    z-index: 995;
    --display: none;
    pointer-events: none;
}

#productPopUpBlur {
    width: 200px;
    height: 150px;
    position: relative;
    background-color: #bbbbbb !important;
    left: 25px;
    z-index: 900;
    top: -150px;
    box-shadow: 0px 0px 60px 30px #bbbbbb
}

#productPopUpInner {
    position: relative;
    border: solid #cccccc 1px;
    background-color: #fcffff !important;
    padding: 1.2rem;
    z-index: 995;
}

#productPopUpData {
    overflow: hidden;
    color: black;
    font-size: 0.84rem;
    line-height: 1.2rem;
    font-weight: normal;
    width: 100%;
    height: 100%;
    z-index: 995;
}

    #productPopUpData img {
        margin: 0;
        z-index: 995;
        width: 100%;
        height: 100%;
    }

    #productPopUpData:before {
        content: '';
        width: 50%;
        height: 1.4em;
        position: absolute;
        right: 0;
        bottom: 1.4em;
        background: linear-gradient(to right, rgba(252, 255, 255, 0), rgba(252, 255, 255, 1) 50%);
        z-index: 995;
    }

/* #endregion ProductPopUp*/

/* #region Menu bij te brede menu-balk */
#site-navigation {
    flex: 1;
}

#control-navigation {
    align-self: flex-start;
}
/* #endregion */

/* #region Bestellen */

/* #region Tweede positie zoekbalk */
#sidebar-wrapper {
    z-index: 1;
}

#order-search-bar .search-bar {
    background-color: var(--page-bg-color);
    color: var(--secondary-bg-color)
}

#order-search-bar input::placeholder {
    color: var(--secondary-bg-color);
}

#search-option {
    width: 22rem;
}

.search-option-wrapper {
    float: right;
}

@media(max-width:640px) {
    #order-search-bar {
        margin-left: 0;
    }

    #search-option {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
}
/* #endregion Tweede positie zoekbalk */

#quickOrder #color {
    display: none;
}

.flex-1 {
    flex: 1;
}

.text-div-product-overview {
    max-width: 80%;
    vertical-align: top;
}

.productheader tbody td {
    padding: 0;
}

.bestellen .products > div:empty, .bestellen > .productheader:empty {
    display: none !important
}

.circle {
    background-color: black;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #f1f1f1;
    font-weight: bold;
    text-align: center;
    width: 25px;
    position: absolute;
    top: 1%;
    right: -16%;
}

.mobile-circle {
    background-color: black;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #f1f1f1;
    font-weight: bold;
    text-align: center;
    width: 25px;
    position: absolute;
    top: 1.75%;
    right: 21.4%;
}

.cartAmount {
    font-size: 100%;
    top: 0;
    position: relative;
}

.cartAmount-overload {
    font-size: 80%;
    top: -2px;
}

.favoriet {
    opacity: 0.3;
}

.fav {
    opacity: 1;
}

/* #endregion Bestellen */

/* #region Fixed top menu bar */
/*@media(min-width: 1024px) {
    #site-navigation .menu {
        padding: 0;
    }*/

/* Fixed top logo+menu bar */
/*.site-header {
        position: fixed;
        width: 100%;
        z-index: 1000;
    }

    #header-menu {
        background: white;
    }

    ._layout > .site-main {
        margin-top: 16vh;
    }
}*/

/* #endregion Fixed top menu bar*/

/* #region Planning */

table[role="presentation"].k-scheduler-layout {
    table-layout: initial;
}

.k-event, .k-task-complete {
    background-color: var(--secondary-bg-color) !important;
}

.planning-element {
    height: 2000px;
}

/* #endregion Planning */

/* #region Memopopup */

.memopopup .popuptext {
    display: none;
}

.k-window * {
    box-sizing: inherit;
}

/* #endregion Memopopup */

/* #region Titel van window */
.k-window > .k-window-titlebar {
    background-color: var(--secondary-bg-color) !important;
}
/* #endregion Titel van window*/

/* #region Fields */

/* #region Checklisten */

.checklistForm {
    width: 95%;
}

    /* #endregion Checklisten */

    /* #region Nieuwe verrekijker (i.c.m. checklisten) */
    .checklistForm .lookup-grid {
        position: absolute;
        z-index: 1000;
    }

        .checklistForm .lookup-grid .k-grid tr[role="row"].k-alt,
        .checklistForm .lookup-grid .k-grid .k-pager-wrap {
            background-color: var(--page-bg-color);
        }

        .checklistForm .lookup-grid .k-grid .k-pager-wrap {
            border-bottom: 1px solid;
            border-left: 1px solid;
            border-right: 1px solid;
            border-color: var(--secondary-bg-color);
        }

        .checklistForm .lookup-grid div[data-role="grid"] {
            background-color: var(--page-bg-color);
            border: initial;
        }
/* #endregion Nieuwe verrekijker (i.c.m. checklisten) */

/* #region Handtekening */
.signature-canvas canvas {
    border: 1px solid;
}
/* #endregion Handtekening */

/* #region Telerik Datepicker */

.pointer-events-auto a {
    pointer-events: auto !important;
}

.k-state-disabled {
    background-color: var(--page-bg-color) !important;
}

.k-datepicker-wrapper {
    background-color: white;
}

.k-datepicker.k-widget {
    width: 100%;
}

.k-datepicker-wrapper input,
.k-datepicker-wrapper + .k-select {
    cursor: pointer;
}

.k-datepicker, .k-picker-wrap.k-state-default, .k-picker-wrap.k-state-hover {
    background-color: white !important;
    border: none !important;
    box-shadow: none !important;
}

.k-picker-wrap .k-input {
    line-height: 0 !important;
    padding: 0 !important;
    text-indent: 0 !important;
}

.k-picker-wrap .k-select {
    line-height: 1.3em !important;
    padding: 0 !important;
    text-indent: 0 !important;
}

/* #endregion Telerik Datepicker */

/* #region Oude verrekijker */
.datagrid-header-row, .datagrid-header-inner, .datagrid-header {
    background-color: var(--secondary-bg-color);
    color: white;
}

.datagrid-row-selected {
    display: none;
}

.textbox-addon {
    display: none;
}

.combo-panel {
    border-radius: 10px;
}

.datagrid-header td, .datagrid-body td, .datagrid-footer td {
    border-width: 0 0 1px 0 !important;
    border-style: solid !important;
}

.textbox {
    width: 100% !important;
}
/* #endregion Oude verrekijker */

/* #region Fields - uitklap-arrows & validatie */
.flip {
    transform: rotate(-180deg);
}

.transform {
    transition: transform 0.75s;
    float: right;
}

.validation-message {
    color: red;
}

.form-buttons {
    display: flex;
    justify-content: space-between;
}

    .form-buttons .previous {
        text-align: left;
    }

    .form-buttons .next {
        text-align: right;
    }

#previous-button:disabled {
    opacity: 0.5;
}

/* #endregion Fields - uitklap-arrows & validatie */

/* #region Progress bar */
.k-progressbar {
    border-color: var(--main-bg-color) !important;
    color: var(--main-bg-color) !important;
    width: 28em;
}

    .k-progressbar .k-progressbar-chunk {
        border-color: var(--main-bg-color) !important;
        color: var(--main-bg-color) !important;
        border-width: 1px 0 1px 1px;
    }

.k-progressbar-horizontal .k-first {
    border-radius: 4px 0 0 4px;
    border-left-width: 1px;
}

.k-progressbar-horizontal .k-last {
    border-radius: 0 4px 4px 0;
    border-right-width: 1px;
}

.k-progressbar .k-selected {
    background-color: var(--main-bg-color) !important;
}

/* #endregion Progress bar */

/* #endregion Fields */

/* #region Wachtwoord resetten */

.password-box-input {
    color: black !important;
}

.password-icon {
    color: gray;
}

meter {
    width: 50%;
    border-radius: 1px;
    background: none;
}

    meter::-webkit-meter-bar {
        background: none;
        background-color: #000000;
        background-color: rgba(0, 0, 0, 0.1);
    }

    /* Webkit based browsers */
    meter[value="1"]::-webkit-meter-optimum-value {
        background: red;
    }

    meter[value="2"]::-webkit-meter-optimum-value {
        background: yellow;
    }

    meter[value="3"]::-webkit-meter-optimum-value {
        background: orange;
    }

    meter[value="4"]::-webkit-meter-optimum-value {
        background: green;
    }
/* #endregion Wachtwoord resetten */

/* #region Huidige pagina highlighten */

.sub-menu .current-menu-item a {
    background-color: gray !important;
    color: var(--standaard-wit) !important;
}

@media(min-width:768px) and (min-height:1024px) {
    .sub-menu .current-menu-item a {
        background-color: var(--page-bg-color) !important;
        color: var(--standaard-wit) !important;
    }

        .sub-menu .current-menu-item a:hover {
            background-color: var(--main-bg-color) !important;
        }
}

/* #endregion */

/* #region Aanvulling Brainstorm Grid */

/*#region  NA TELERIK UPGRADE 09-2021*/
.k-grid .k-toolbar {
    padding-left: 0;
    padding-bottom: 7px;
    background-color: transparent;
    border-color: transparent;
}

    .k-grid .k-toolbar a {
        color: white;
    }

.k-grid-content-locked, .k-grid-content-locked td {
    border-left-color: #e6e6e6 !important;
    border-right-color: #e6e6e6 !important;
    border-bottom-color: #e6e6e6 !important;
}
/*#endregion*/

/* #region NA TELERIK UPGRADE 2020 */

.k-grid .k-pagers-wrap {
    padding: 6.864px 0 6.864px 4px;
}

.k-grid .k-pager-wrap .k-pager-numbers-wrap ul li {
    display: inherit;
}

/* #endregion NA TELERIK UPGRADE 2020 */

@media(width:768px) and (height:1024px) {
    .k-grid > .k-pager-wrap {
        display: block;
    }
}

@media(max-width:768px) and (max-height:1024px) {
    .k-grid {
        width: 100% !important;
    }
}

div[data-role="grid"] {
    background: none;
    border: none;
}

.k-grid .k-grid-toolbar a[role="button"] {
    border-radius: .5rem;
    background-color: var(--main-button-color) !important;
    border-color: var(--main-button-color) !important;
    box-shadow: 0 3px 0 var(--main-button-boxshadow-color);
    text-transform: capitalize;
}

    .k-grid .k-grid-toolbar a[role="button"]:hover {
        box-shadow: 0 3px 0 var(--main-button-color);
    }

.k-grid .k-header.k-grid-toolbar {
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem;
    border-bottom: none;
    padding-left: 0;
}

    .k-grid .k-header.k-grid-toolbar a {
        margin-left: 0;
    }

.k-grid .k-grid-header-locked {
    border-top-left-radius: .5rem;
    border-color: var(--secondary-bg-color);
}

    .k-grid .k-grid-header-locked th {
        background-color: transparent;
        border-color: var(--secondary-bg-color) !important;
    }

    .k-grid .k-grid-header-locked tr:hover {
        background-color: transparent;
    }

.k-grid thead[role="rowgroup"] th {
    background-color: var(--secondary-bg-color) !important;
    border-color: var(--secondary-bg-color);
}

    .k-grid thead[role="rowgroup"] th > a {
        color: var(--standaard-wit) !important;
        font-weight: bold;
    }

.k-grid tr[role="row"].k-alt:hover {
    background-color: #EBEBEB;
}

.k-grid .k-pager-wrap {
    border-top: 10px solid var(--secondary-bg-color) !important;
    background: inherit;
    font-weight: bold;
}

    .k-grid .k-pager-wrap .k-pager-info {
        color: var(--main-bg-color);
    }

.k-grid .k-grid-header-wrap {
    border-top-left-radius: .5rem;
    border-right: 0;
}

.k-grid .k-grid-header {
    padding-right: 17px;
    background-color: var(--secondary-bg-color);
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
}

.k-grid .k-header.k-grid-toolbar {
    background-color: inherit;
}

.k-grid .k-i-sort-asc-sm, .k-grid .k-i-sort-desc-sm {
    color: white !important;
    margin-top: 0px !important;
    vertical-align: inherit !important;
}

.k-grid tr.k-state-selected > td, .k-grid tr.k-state-selected:hover > td {
    background-color: var(--secondary-bg-color) !important;
}

.k-grid .k-command-cell .k-button {
    color: inherit !important;
    background-color: inherit !important;
    background-position: inherit !important;
    min-width: 0px !important;
    border-color: transparent !important;
    box-shadow: inherit !important;
    margin: 0 !important;
    height: 20px;
}

.k-grid .k-pager-wrap .k-link {
    border-color: transparent;
}

.k-grid .k-pager-wrap .k-icon {
    opacity: 1 !important;
}

    .k-grid .k-pager-wrap .k-icon:before {
        font-size: 22px;
        line-height: 0.8 !important;
        font-weight: bolder;
    }

.k-grid a[onclick*="null"], .k-grid a[href*="null"], .k-grid a[href*="undefined"], .k-grid a[onclick*="undefined"] {
    display: none;
}

/* #endregion Aanvulling Brainstorm Grid */

/* #region Overig */

/* PDF export */
/* Hide the Grid header and pager during export */
.k-pdf-export .k-grid-toolbar,
.k-pdf-export .k-pager-wrap {
    display: none;
}

.disabled {
    pointer-events: none;
    cursor: default;
}

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

.inline-flex {
    display: inline-flex;
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

input:not(.form-control):focus {
    outline-width: 0;
}

#login-button {
    width: 100%;
}

#login-arrow, login-arrow:hover {
    background-color: transparent;
    box-shadow: none !important;
}

#Grid-wrapper {
    position: absolute;
    z-index: 1;
}

    #Grid-wrapper .k-grid .k-pager-wrap {
        border-bottom: 1px solid #BCB8B8;
        border-left: 1px solid #BCB8B8;
        border-right: 1px solid #BCB8B8;
    }

.fa-user-friends[onclick*="-"] {
    visibility: hidden;
}

.hr {
    background: var(--main-bg-color);
    height: 1px;
}

@media (max-width:1023px) {
    .hidden.search-bar-wrapper {
        display: none !important;
    }
}

.login-wrapper.validation {
    color: white;
}

.login-password-forgotten {
    position: absolute;
    padding-top: 2.5%;
}

.expanded {
    height: auto;
    overflow: visible;
}

.collapsed {
    height: 72px;
    overflow: hidden;
}

.product-image {
    width: 100px !important;
}

.white-logo {
    filter: grayscale(100%) brightness(0%) invert(100%);
}

.searchresult {
    font-weight: bold;
}

input:not(.k-input):not([type='submit']):not([type='checkbox']):not([type='button']):read-only, textarea:read-only {
    background-color: var(--page-bg-color);
    cursor: default;
}

.password-reset input:read-only:not([type='button']):not([type='submit']) {
    color: lightgray;
    background-color: transparent;
}

.w-700px {
    max-width: 700px;
}

.inline {
    display: inline;
    /*TODO: aparte klasse justify-content*/
    justify-content: inherit !important;
}

.white-link {
    color: white;
    text-decoration: inherit;
}

.regular-link {
    color: inherit;
}

.regular-text {
    color: #041414 !important;
}

.inherit-tablelayout {
    table-layout: inherit;
}

.active {
    font-weight: bold;
}

.right-4 {
    right: 4%;
}

.control-navigation {
    margin-left: auto;
}

/* Urls met documentid 0 uitsluiten */
a[href="documentHash=0"], a[href$="documentHash="] {
    display: none;
}

/* #endregion Overig */

/* #endregion Eigen CSS */

/* #region Brainstorm */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

a {
    background-color: transparent
}

strong {
    font-weight: bolder
}

code {
    font-family: monospace,monospace;
    font-size: 1em
}

img {
    border-style: none
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

    [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
        outline: 1px dotted ButtonText
    }

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

[hidden] {
    display: none
}

html {
    box-sizing: border-box;
    font-family: sans-serif
}

*, :after, :before {
    box-sizing: inherit
}

h1, h2, h4, p {
    margin: 0
}

button {
    background: transparent;
    padding: 0
}

    button:focus {
        outline: 1px dotted;
        outline: 5px auto -webkit-focus-ring-color
    }

.container {
    list-style: initial;
}

ul {
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0
}

ul, ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

html {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    line-height: 1.5
}

*, :after, :before {
    border: 0 solid #e2e8f0
}

img {
    border-style: solid
}

textarea {
    resize: vertical
}

    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        color: var(--main-placeholder-color)
    }

    input:-ms-input-placeholder, textarea:-ms-input-placeholder {
        color: var(--main-placeholder-color)
    }

    input::-ms-input-placeholder, textarea::-ms-input-placeholder {
        color: var(--main-placeholder-color)
    }

    input::placeholder, textarea::placeholder {
        color: var(--main-placeholder-color)
    }

[role=button], button {
    cursor: pointer
}

table {
    border-collapse: collapse
}

h1, h2, h4 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

button, input, select, textarea {
    padding: 0;
    line-height: inherit;
    color: inherit
}

code {
    font-family: Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace
}

canvas, img, svg {
    display: block;
    vertical-align: middle
}

img {
    max-width: 100%;
    height: auto
}

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem
}

@media (min-width:640px) {
    .container {
        max-width: 640px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    .container {
        max-width: 1024px
    }
}

@media (min-width:1280px) {
    .container {
        max-width: 1280px
    }
}

@media (min-width:1600px) {
    .container {
        max-width: 1600px
    }
}

body {
    font-family: Titillium Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-weight: 400;
    color: #041414;
    line-height: 1.5
}

    body.menu-open {
        overflow-y: hidden
    }

    body .site {
        display: flex;
        flex-direction: column;
        height: 100vh;
    }

        body .site .site-footer, body .site .site-header {
            flex: none
        }

        body .site .site-main {
            flex: 1 0;
            width: 100%
        }

#responsive-navigation {
    display: none
}

    #responsive-navigation.active {
        display: block;
        /* Scroll-bar voor menu */
        overflow: auto;
    }

@media (max-width:1023px) {
    #responsive-navigation {
        position: absolute;
        margin-top: 6rem;
        padding-bottom: 6rem;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        background-color: var(--main-bg-color);
        z-index: 60
    }
}

@media (min-width:1024px) {
    #responsive-navigation, #responsive-navigation.active {
        display: none
    }
}

#responsive-navigation .menu {
    list-style-type: none;
    padding-left: 1rem;
    padding-right: 2rem
}

    #responsive-navigation .menu li {
        position: relative
    }

        #responsive-navigation .menu li a {
            display: block;
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--standaard-wit) !important;
            border-bottom-width: 2px;
            border-color: var(--standaard-wit);
            padding-top: .5rem;
            padding-bottom: .5rem
        }

            #responsive-navigation .menu li a .icon {
                margin-right: .5rem
            }

        #responsive-navigation .menu li:hover a {
            background-color: var(--main-bg-color)
        }

        #responsive-navigation .menu li .sub-menu {
            margin-left: .5rem;
            margin-top: 0
        }

            #responsive-navigation .menu li .sub-menu li a {
                font-size: 1rem;
                font-weight: 600
            }

#site-navigation .menu li {
    position: relative;
    display: inline-block
}

    #site-navigation .menu li a {
        display: block;
        padding: 1.5rem 1rem;
        font-size: 1.25rem;
        color: var(--main-text-color);
        font-weight: 700
    }

        #site-navigation .menu li a:hover {
            background-color: var(--page-bg-color)
        }

    #site-navigation .menu li:hover .sub-menu {
        display: block
    }

    #site-navigation .menu li.current-menu-item a {
        background-color: var(--page-bg-color)
    }

    #site-navigation .menu li .sub-menu {
        display: none;
        position: absolute;
        left: 0;
        background-color: var(--standaard-wit);
        z-index: 50;
        margin-top: -.5rem;
        width: 16rem;
        border-radius: .5rem;
        box-shadow: 0 0 10px rgba(0,0,0,.16)
    }

        #site-navigation .menu li .sub-menu li {
            display: block;
            border-bottom-width: 1px;
            border-color: var(--page-bg-color)
        }

            #site-navigation .menu li .sub-menu li:first-child a {
                border-top-left-radius: .5rem;
                border-top-right-radius: .5rem
            }

            #site-navigation .menu li .sub-menu li:last-child {
                border-style: none
            }

                #site-navigation .menu li .sub-menu li:last-child a {
                    border-bottom-right-radius: .5rem;
                    border-bottom-left-radius: .5rem
                }

            #site-navigation .menu li .sub-menu li a {
                display: block;
                color: #8e8e8e;
                font-size: 1.125rem;
                font-weight: 700;
                padding: .75rem 1.5rem;
                background-color: var(--standaard-wit)
            }

                #site-navigation .menu li .sub-menu li a:hover {
                    color: var(--standaard-wit) !important;
                    background-color: var(--secondary-bg-color)
                }

            /*#region menu niveau 2 */
            #site-navigation .menu li .sub-menu li:hover .sub-sub-menu {
                display: block
            }

            #site-navigation .menu li .sub-menu li .sub-sub-menu {
                display: none;
                position: absolute;
                left: 16rem;
                top: 0;
                margin-top: 0;
            }

/*#endregion menu niveau 2*/

#control-navigation .menu li {
    position: relative;
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

    #control-navigation .menu li:hover .sub-menu {
        display: block
    }

    #control-navigation .menu li .sub-menu {
        display: none;
        position: absolute;
        right: 0;
        background-color: var(--standaard-wit);
        z-index: 50;
        width: 16rem;
        border-radius: .5rem;
        margin-top: .5rem;
        box-shadow: 0 0 10px rgba(0,0,0,.16)
    }

        #control-navigation .menu li .sub-menu li {
            display: block;
            border-bottom-width: 1px;
            border-color: var(--page-bg-color);
            padding-top: 0;
            padding-bottom: 0
        }

            #control-navigation .menu li .sub-menu li:first-child a {
                border-top-left-radius: .5rem;
                border-top-right-radius: .5rem
            }

            #control-navigation .menu li .sub-menu li:last-child {
                border-style: none
            }

                #control-navigation .menu li .sub-menu li:last-child a {
                    border-bottom-right-radius: .5rem;
                    border-bottom-left-radius: .5rem
                }

            #control-navigation .menu li .sub-menu li a {
                display: block;
                color: #8e8e8e;
                font-size: 1.125rem;
                font-weight: 700;
                padding: .75rem 1.5rem;
                background-color: var(--standaard-wit)
            }

                #control-navigation .menu li .sub-menu li a:hover {
                    color: var(--standaard-wit);
                    background-color: var(--secondary-bg-color)
                }

.sidebar h2 {
    font-weight: 700;
    font-size: 1.5rem;
    padding: .75rem 1.5rem
}

@media (max-width:1023px) {
    .sidebar .menu li:first-child a {
        border-top-left-radius: .5rem;
        border-top-right-radius: .5rem
    }

    .sidebar .menu li:last-child a {
        border-bottom-right-radius: .5rem;
        border-bottom-left-radius: .5rem
    }
}

.sidebar .menu li a {
    display: block;
    padding: .75rem 1.5rem;
    color: #8e8e8e;
    font-weight: 600;
    font-size: 1.125rem;
    border-top-width: 1px;
    border-color: var(--page-bg-color)
}

    .sidebar .menu li a.current-menu-item, .sidebar .menu li a:hover {
        background-color: var(--secondary-bg-color);
        color: var(--standaard-wit)
    }

.info-content {
    display: none
}

.accordion {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transition: all .5s ease
}

    .accordion .chevron-down svg {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        transition: all .2s ease
    }

    .accordion .chevron-up svg {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transition: all .2s ease
    }

.quick-navigation a {
    color: #041414
}

    .quick-navigation a:hover {
        text-decoration: underline;
        color: #041414
    }

    .quick-navigation a.current-menu-item {
        text-decoration: underline
    }

#sidebar-wrapper {
    display: none;
    margin-top: 53px
}

@media (min-width:768px) and (min-width:1024px) {
    #sidebar-wrapper {
        display: block;
        margin-top: 0
    }
}

#sidebar-wrapper.active {
    display: block
}

@media (min-width:768) {
    .sidebar-toggle {
        z-index: 50
    }
}

.products .product, .productheader {
    margin-bottom: 1rem;
    padding: 1rem;
    background-color: var(--standaard-wit);
    border-radius: .5rem;
    border-color: var(--page-bg-color);
    box-shadow: 1px 1px 3px rgba(0,0,0,.16)
}

@media (min-width:640px) {
    .products .product, .productheader {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width:640px) and (min-width:768px) and (min-width:1024px) and (min-width:1280px) {
    .products .product, .productheader {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.btn {
    transition: .2s;
    outline: none;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    font-weight: 600;
    padding-left: 1rem;
    padding-right: 1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .5rem;
    outline: 0;
    height: 50px
}

    .btn:focus {
        outline: 0
    }

.btn--with-icon {
    padding-right: 0;
    align-items: center;
    justify-content: space-between
}

    .btn--with-icon .icon {
        height: 50px;
        width: 50px;
        line-height: 54px;
        text-align: center;
        border-top-right-radius: .5rem;
        border-bottom-right-radius: .5rem;
        margin-left: 1rem
    }

.btn--icon {
    padding-left: 0;
    padding-right: 0;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 3px 0 var(--main-bg-color)
}

    .btn--icon .icon {
        width: 50px;
        text-align: center
    }

    .btn--icon svg, .btn--icon span {
        vertical-align: bottom
    }

    .btn--icon:hover {
        box-shadow: 0 3px 0 var(--secondary-box-shadow-color);
        color: var(--standaard-wit)
    }

.btn--primary {
    background-color: var(--main-bg-color);
    color: var(--standaard-wit)
}

    .btn--primary .icon {
        border-top-width: 2px;
        border-bottom-width: 2px;
        border-color: var(--standaard-wit);
        line-height: 50px
    }

    .btn--primary .icon, .btn--primary:hover, .btn--secondary {
        color: var(--standaard-wit);
        background-color: var(--secondary-button-color);
        box-shadow: 0 3px 0 var(--secondary-box-shadow-color);
    }

.btn--secondary {
    box-shadow: 0 3px 0 var(--main-bg-color)
}

    .btn--secondary:hover {
        background-color: var(--secondary-button-color)
    }

.btn--orange {
    box-shadow: 0 3px 0 var(--main-button-boxshadow-color)
}

    .btn--orange:disabled {
        background-color: var(--main-button-boxshadow-color);
        cursor: initial;
    }

.btn--orange {
    color: var(--standaard-wit) !important;
    background-color: var(--main-button-color)
}

    .btn--orange .with-icon {
        color: var(--standaard-wit);
        background-color: var(--main-button-icon-color)
    }

    .btn--orange .icon {
        background-color: transparent;
    }

    .btn--orange:not([disabled]):hover {
        color: var(--standaard-wit);
        background-color: var(--secondary-button-color)
    }

    .btn--orange:hover .with-icon {
        background-color: var(--main-button-color)
    }

.btn--gray {
    box-shadow: 0 3px 0 #4b4b4b
}

    .btn--gray, .btn--gray .icon, .btn--gray:hover {
        color: var(--standaard-wit) !important;
        background-color: #8e8e8e
    }

        .btn--gray:hover {
            box-shadow: 0 3px 0 #8e8e8e
        }

.btn--tertiary {
    color: var(--standaard-wit);
    background-color: var(--secondary-bg-color);
    box-shadow: 0 3px 0 var(--main-bg-color);
}

    .btn--tertiary .icon {
        color: var(--standaard-wit);
        background-color: var(--main-bg-color)
    }

    .btn--tertiary:hover {
        color: var(--standaard-wit);
        box-shadow: 0 3px 0 #155854
    }

.btn--border {
    border-width: 2px;
    border-color: var(--standaard-wit)
}

label {
    display: inline-block;
    margin-bottom: .25rem;
    font-weight: 700
}

.form-group {
    margin-bottom: 1rem
}

    .form-group select:required:invalid {
        color: grey
    }

    .form-group option[value=""][disabled] {
        display: none
    }

    .form-group option {
        color: #000
    }

.form-control {
    transition: .2s;
    outline: none;
    display: block;
    align-items: center;
    text-decoration: none;
    padding: .75rem 1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .5rem;
    color: #041414;
    border-width: 2px;
    border-color: #8e8e8e
}

.form-control--with-icon {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-color: var(--standaard-wit);
    color: var(--standaard-wit);
    font-weight: 600
}

    .form-control--with-icon .icon {
        height: 50px;
        width: 50px;
        line-height: 54px;
        text-align: center;
        border-top-right-radius: .5rem;
        border-bottom-right-radius: .5rem;
        color: var(--standaard-wit);
        background: hsla(0,0%,100%,.2)
    }

.form-control .form-control-input {
    background-color: transparent;
    flex-grow: 1;
    outline: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
    height: 48px
}

.form-control:focus {
    border-color: var(--main-bg-color)
}

.form-control:disabled {
    background-color: var(--page-bg-color)
}

.form-check {
    padding-left: 1.25rem;
    position: relative;
    display: block
}

.form-check-input {
    margin-top: .3rem;
    margin-left: -1.25rem;
    position: absolute
}

.form-check-label {
    margin-bottom: 0;
    font-weight: 400
}

.form-check--inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

    .form-check--inline .form-check-input {
        margin-right: .3125rem;
        position: static;
        margin-top: 0;
        margin-left: 0
    }

.form-select {
    margin-bottom: 1rem
}

.form-select, .upload {
    position: relative;
    display: inline-block
}

.upload {
    overflow: hidden;
    border-radius: .5rem
}

    .upload input[type=file] {
        font-size: 100px;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0
    }

.input {
    height: 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-width: 2px;
    border-color: #8e8e8e;
    width: 10rem;
    padding-left: 1rem;
    padding-right: 1rem;
    line-height: 1.25;
    color: #041414;
    border-radius: .5rem;
    font-size: 1.125rem;
    box-shadow: 0 3px 0 #8e8e8e
}

@media (max-width:640px) {
    .input {
        width: 100%
    }
}

.input--small {
    width: 50px
}

input.form-control-input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: var(--standaard-wit)
}

input.form-control-input:-moz-placeholder, input.form-control-input::-moz-placeholder, textarea:-moz-placeholder, textarea::-moz-placeholder {
    color: var(--standaard-wit)
}

input.form-control-input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: var(--standaard-wit)
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #8e8e8e
}

input:-moz-placeholder, input::-moz-placeholder, textarea:-moz-placeholder, textarea::-moz-placeholder {
    color: #8e8e8e
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #8e8e8e
}

textarea::-webkit-input-placeholder {
    color: #8e8e8e
}

textarea:-moz-placeholder, textarea::-moz-placeholder {
    color: #8e8e8e
}

textarea:-ms-input-placeholder {
    color: #8e8e8e
}

table {
    margin-bottom: 0;
    /*border-bottom-width: 8px;*/
    border-color: var(--secondary-bg-color);
    width: 100%;
    width: 100% !important;
    max-width: 100%
}

@media (min-width:640px) and (min-width:768px) and (min-width:1024px) and (min-width:1280px) {
    table {
        table-layout: fixed
    }
}

thead {
    background-color: var(--secondary-bg-color) !important;
    color: var(--standaard-wit) !important;
}

    thead th {
        text-align: left;
        padding: .5rem 1rem
    }

        thead th a, thead th a:hover {
            color: var(--standaard-wit)
        }

tbody tr:nth-child(odd) {
    background-color: var(--standaard-wit)
}

tbody td {
    text-align: left;
    padding: .5rem 1rem
}

/*.k-grid-header {
    padding-right: 0 !important
}*/

.k-grid-content {
    position: relative;
    width: 100%;
    overflow: auto;
    overflow-x: auto;
    overflow-y: scroll;
    zoom: 1;
    min-height: 0
}

.k-pager-wrap {
    align-items: center;
    /*margin-top: 1rem;
    margin-bottom: 1rem;*/
    flex: 0 0 auto;
    background: none;
}

@media (min-width:768px) {
    .k-pager-wrap {
        display: flex
    }

    .d-md-flex {
        display: flex;
    }
}

.k-pager-wrap .k-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    text-align: center;
    margin-left: .25rem;
    margin-right: .25rem;
    width: 1.5rem;
    font-weight: 700;
    color: #041414
}

    .k-pager-wrap .k-link:hover {
        color: var(--bestel-categorie-color)
    }

.k-pager-wrap .k-floatwrap {
    display: inline-block !important
}

.k-pager-wrap .k-pager-numbers-wrap {
    display: inline-flex !important
}

.k-pager-wrap .k-pager-info {
    flex: 1 !important;
    text-align: right !important;
    order: 9 !important;
    justify-content: flex-end !important
}

/*.k-pager-wrap .k-dropdown {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
    width: 5rem !important;
    transition: .2s;
    outline: none;
    display: block !important;
    align-items: center;
    text-decoration: none;
    padding: .75rem 1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .5rem !important;
    color: #041414;
    border-width: 2px;
    border-color: #8e8e8e;
    background-color: var(--standaard-wit);
    display: inline-block;
    margin-right: .5rem !important;
    position: relative
}*/

@media (min-width:768px) {
    .k-pager-wrap .k-dropdown {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 2rem
    }
}

.k-pager-wrap .k-dropdown:after {
    position: absolute;
    top: 2px;
    right: 12px;
    content: "\203A";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    font-size: 32px
}

.k-pager-wrap .k-pager-sizes {
    display: block
}

@media (min-width:640px) and (min-width:768px) {
    .k-pager-wrap .k-pager-sizes {
        display: inline-block
    }
}

.k-grid .k-i-arrow-end-left:before {
    content: "\AB" !important;
}

.k-grid .k-i-arrow-60-left:before {
    content: "\2039" !important;
}

.k-grid .k-i-arrow-60-right:before {
    content: "\203A" !important;
}

.k-grid .k-i-arrow-end-right:before {
    content: "\BB" !important;
}

.k-pager-numbers-wrap ul {
    list-style-type: none
}

    .k-pager-numbers-wrap ul li {
        display: inline-block
    }

        .k-pager-numbers-wrap ul li.k-current-page {
            display: none
        }

        .k-pager-numbers-wrap ul li .k-state-selected {
            color: var(--bestel-categorie-color) !important;
            border-bottom-width: 1px !important;
            border-color: var(--bestel-categorie-color) !important
        }

        .btn-pagination, .k-pager-numbers-wrap ul li .k-state-selected {
            margin-left: .25rem;
            margin-right: .25rem;
            width: 1rem;
            font-weight: 700
        }

            .btn-pagination.current {
                color: var(--bestel-categorie-color);
                border-bottom-width: 1px;
                border-color: var(--bestel-categorie-color)
            }

            .btn-pagination:hover {
                color: var(--bestel-categorie-color)
            }

            .btn-pagination svg {
                vertical-align: sub
            }

.h1, h1 {
    font-size: 1.875rem;
    font-weight: 600;
    color: var(--main-text-color)
}

@media (min-width:768px) {
    .h1, h1 {
        font-size: 3rem
    }
}

.h2, h2 {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--main-text-color)
}

@media (min-width:768px) {
    .h2, h2 {
        font-size: 1.5rem
    }
}

.h4, h4 {
    font-size: 1.25rem
}

a {
    transition: .2s;
    text-decoration: none
}

    a, a:hover {
        color: var(--secondary-bg-color);
    }

p:not(:empty) {
    margin-bottom: 1.5rem
}

.svg-inline--fa, svg:not(:root).svg-inline--fa {
    overflow: visible
}

.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    vertical-align: -.125em
}

    .svg-inline--fa.fa-w-6 {
        width: .375em
    }

    .svg-inline--fa.fa-w-10 {
        width: .625em
    }

    .svg-inline--fa.fa-w-11 {
        width: .6875em
    }

    .svg-inline--fa.fa-w-12 {
        width: .75em
    }

    .svg-inline--fa.fa-w-14 {
        width: .875em
    }

    .svg-inline--fa.fa-w-16 {
        width: 1em
    }

    .svg-inline--fa.fa-w-18 {
        width: 1.125em
    }

    .svg-inline--fa.fa-w-20 {
        width: 1.25em
    }

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.fa-stack-1x, .fa-stack-2x {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0
}

.svg-inline--fa.fa-stack-1x {
    height: 1em;
    width: 1.25em
}

.svg-inline--fa.fa-stack-2x {
    height: 2em;
    width: 2.5em
}

.box-shadow {
    box-shadow: 1px 1px 3px rgba(0,0,0,.16)
}

#breadcrumbs {
    color: #041414
}

    #breadcrumbs a {
        color: #041414;
        font-weight: 400
    }

        #breadcrumbs a:hover {
            font-weight: 700
        }

@font-face {
    font-family: Titillium Web;
    src: url(../fonts/Titillium/TitilliumWeb-Italic.woff2?ef196312a1a95692cdfb278a51ff2191) format("woff2"),url(../fonts/Titillium/TitilliumWeb-Italic.woff?ea74f13deabfa3d35586bbf470694f2a) format("woff");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Titillium Web;
    src: url(../fonts/Titillium/TitilliumWeb-Regular.woff2?a9589e6cbcaa0295f8831ad10bf298f0) format("woff2"),url(../fonts/Titillium/TitilliumWeb-Regular.woff?8e0fb3efa2de1e1627ccb3c443931a3c) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Titillium Web;
    src: url(../fonts/Titillium/TitilliumWeb-SemiBold.woff2?70ad80ac1d9472779ed916feb1a9ccb9) format("woff2"),url(../fonts/Titillium/TitilliumWeb-SemiBold.woff?7c3f4970f36dc90b6bc3f0ee096dd48c) format("woff");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Titillium Web;
    src: url(../fonts/Titillium/TitilliumWeb-Bold.woff2?b9b7602ed57d669870e1afbdcacbc2a9) format("woff2"),url(../fonts/Titillium/TitilliumWeb-Bold.woff?07e3d549313b931ab0d0260cb9362c67) format("woff");
    font-weight: 700;
    font-style: normal
}

/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */ .ui-widget {
    font-family: Titillium Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji
}

    .ui-widget.ui-widget-content {
        border: 1px solid #c5c5c5
    }

.ui-widget-content {
    border: 1px solid #ddd;
    background: var(--standaard-wit);
    color: #333
}

    .ui-widget-content a {
        color: #333
    }

.ui-widget-header {
    background-color: var(--standaard-wit);
    color: var(--bestel-categorie-color);
    border-style: none
}

    .ui-widget-header a {
        color: #333
    }

    .ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover {
        font-weight: 400;
        border-radius: .5rem;
        background-color: var(--standaard-wit);
        color: #041414;
        border-color: var(--standaard-wit);
        text-align: center
    }

        .ui-button, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button {
            color: #454545;
            text-decoration: none
        }

            .ui-button:focus, .ui-button:hover, .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
                background: none;
                font-weight: 400;
                background-color: var(--bestel-categorie-color);
                color: var(--standaard-wit)
            }

                .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, a.ui-button:focus, a.ui-button:hover {
                    color: #2b2b2b;
                    text-decoration: none
                }

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active {
    background-color: var(--secondary-bg-color);
    color: var(--standaard-wit)
}

    .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
        color: var(--standaard-wit);
        text-decoration: none
    }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    color: var(--standaard-wit);
    background-color: var(--bestel-categorie-color)
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #777620
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f
}

    .ui-state-error-text, .ui-state-error a, .ui-widget-content .ui-state-error-text, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error-text, .ui-widget-header .ui-state-error a {
        color: #5f3f3f
    }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: alpha(opacity=70);
    font-weight: 400
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: alpha(opacity=35);
    background-image: none
}

    .ui-state-disabled .ui-icon {
        filter: alpha(opacity=35)
    }

.ui-widget-overlay {
    background: #aaa;
    opacity: .3;
    filter: alpha(opacity=30)
}

.ui-widget-shadow {
    box-shadow: 0 0 5px #666
}

/*!
 * jQuery UI Datepicker 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/datepicker/#theming
 */ .ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
    box-shadow: 1px 1px 3px rgba(0,0,0,.16);
    border-radius: .5rem
}

    .ui-datepicker thead {
        background-color: var(--standaard-wit);
        color: var(--secondary-bg-color);
        text-transform: uppercase
    }

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
        position: absolute;
        top: 7px;
        width: 30px;
        height: 30px
    }

    .ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover {
        background: none;
        cursor: pointer
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px
    }

        .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
            display: block;
            position: absolute;
            font-size: 1.5rem;
            text-align: center;
            width: 30px;
            height: 30px;
            line-height: 30px
        }

    .ui-datepicker .ui-datepicker-title {
        font-size: 1.25rem;
        color: var(--bestel-categorie-color);
        font-weight: 400;
        text-transform: capitalize;
        text-align: center
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0
        }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        width: 45%
    }

    .ui-datepicker table {
        width: 100%;
        border-collapse: collapse;
        margin: 0 0 .4em;
        font-size: 1rem;
        border-bottom-width: 0
    }

    .ui-datepicker th {
        padding: 0;
        text-align: center;
        font-weight: 700;
        border: 0
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px
    }

        .ui-datepicker td a, .ui-datepicker td span {
            display: block;
            padding: .3em;
            text-align: right;
            text-decoration: none
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em;
            width: auto;
            overflow: visible
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left
            }

    .ui-datepicker.ui-datepicker-multi {
        width: auto
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
                float: right
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px
    }

.ui-datepicker .ui-icon {
    background: none;
    color: var(--bestel-categorie-color);
    font-weight: 700;
    font-size: 1.5rem
}

.ui-timepicker-wrapper {
    overflow-y: auto;
    max-height: 300px;
    outline: none;
    z-index: 10052;
    margin: 0;
    box-shadow: 1px 1px 3px rgba(0,0,0,.16);
    width: 16rem;
    background-color: var(--standaard-wit)
}

    .ui-timepicker-wrapper.ui-timepicker-with-duration {
        width: 13em
    }

        .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30, .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
            width: 11em
        }

.ui-timepicker-list {
    margin: 0;
    padding: 0;
    list-style: none
}

    .ui-timepicker-list li {
        padding: 4px 12px;
        cursor: pointer;
        white-space: nowrap;
        color: #000;
        list-style: none;
        margin: 0
    }

    .ui-timepicker-list:hover .ui-timepicker-selected {
        background: var(--standaard-wit);
        color: #000
    }

    .ui-timepicker-list .ui-timepicker-selected:hover, .ui-timepicker-list li:hover, li.ui-timepicker-selected {
        background: #1980ec;
        color: var(--standaard-wit)
    }

        .ui-timepicker-list li:hover .ui-timepicker-duration, li.ui-timepicker-selected .ui-timepicker-duration {
            color: #ccc
        }

    .ui-timepicker-list li.ui-timepicker-disabled, .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
        color: #888;
        cursor: default
    }

        .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
            background: #f2f2f2
        }

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.bg-black {
    background-color: #041414
}

.bg-white {
    background-color: var(--standaard-wit)
}

.bg-primary-lighter {
    background-color: var(--secondary-bg-color)
}

.bg-primary {
    background-color: var(--main-bg-color)
}

.bg-primary-60 {
    background-color: var(--main-bg-lighter-60) !important;
}

.bg-secondary {
    background-color: var(--secondary-bg-color)
}

.bg-gray-100 {
    background-color: var(--page-bg-color)
}

.bg-orange-500 {
    background-color: var(--bestel-categorie-color)
}

.bg-blue-500 {
    background-color: #1D70B7
}

.bg-pink-100 {
    background-color: #fff5f7
}

.bg-pink-200 {
    background-color: #fed7e2
}

.bg-pink-300 {
    background-color: #fbb6ce
}

.bg-pink-400 {
    background-color: #f687b3
}

.bg-pink-500 {
    background-color: #ed64a6
}

.bg-pink-600 {
    background-color: #d53f8c
}

.bg-pink-700 {
    background-color: #b83280
}

.bg-pink-800 {
    background-color: #97266d
}

.bg-pink-900 {
    background-color: #702459
}

.hover\:bg-pink-100:hover {
    background-color: #fff5f7
}

.hover\:bg-pink-200:hover {
    background-color: #fed7e2
}

.hover\:bg-pink-300:hover {
    background-color: #fbb6ce
}

.hover\:bg-pink-400:hover {
    background-color: #f687b3
}

.hover\:bg-pink-500:hover {
    background-color: #ed64a6
}

.hover\:bg-pink-600:hover {
    background-color: #d53f8c
}

.hover\:bg-pink-700:hover {
    background-color: #b83280
}

.hover\:bg-pink-800:hover {
    background-color: #97266d
}

.hover\:bg-pink-900:hover {
    background-color: #702459
}

.focus\:bg-pink-100:focus {
    background-color: #fff5f7
}

.focus\:bg-pink-200:focus {
    background-color: #fed7e2
}

.focus\:bg-pink-300:focus {
    background-color: #fbb6ce
}

.focus\:bg-pink-400:focus {
    background-color: #f687b3
}

.focus\:bg-pink-500:focus {
    background-color: #ed64a6
}

.focus\:bg-pink-600:focus {
    background-color: #d53f8c
}

.focus\:bg-pink-700:focus {
    background-color: #b83280
}

.focus\:bg-pink-800:focus {
    background-color: #97266d
}

.focus\:bg-pink-900:focus {
    background-color: #702459
}

.first\:bg-pink-100:first-child {
    background-color: #fff5f7
}

.first\:bg-pink-200:first-child {
    background-color: #fed7e2
}

.first\:bg-pink-300:first-child {
    background-color: #fbb6ce
}

.first\:bg-pink-400:first-child {
    background-color: #f687b3
}

.first\:bg-pink-500:first-child {
    background-color: #ed64a6
}

.first\:bg-pink-600:first-child {
    background-color: #d53f8c
}

.first\:bg-pink-700:first-child {
    background-color: #b83280
}

.first\:bg-pink-800:first-child {
    background-color: #97266d
}

.first\:bg-pink-900:first-child {
    background-color: #702459
}

.last\:bg-pink-100:last-child {
    background-color: #fff5f7
}

.last\:bg-pink-200:last-child {
    background-color: #fed7e2
}

.last\:bg-pink-300:last-child {
    background-color: #fbb6ce
}

.last\:bg-pink-400:last-child {
    background-color: #f687b3
}

.last\:bg-pink-500:last-child {
    background-color: #ed64a6
}

.last\:bg-pink-600:last-child {
    background-color: #d53f8c
}

.last\:bg-pink-700:last-child {
    background-color: #b83280
}

.last\:bg-pink-800:last-child {
    background-color: #97266d
}

.last\:bg-pink-900:last-child {
    background-color: #702459
}

.even\:bg-pink-100:nth-child(2n) {
    background-color: #fff5f7
}

.even\:bg-pink-200:nth-child(2n) {
    background-color: #fed7e2
}

.even\:bg-pink-300:nth-child(2n) {
    background-color: #fbb6ce
}

.even\:bg-pink-400:nth-child(2n) {
    background-color: #f687b3
}

.even\:bg-pink-500:nth-child(2n) {
    background-color: #ed64a6
}

.even\:bg-pink-600:nth-child(2n) {
    background-color: #d53f8c
}

.even\:bg-pink-700:nth-child(2n) {
    background-color: #b83280
}

.even\:bg-pink-800:nth-child(2n) {
    background-color: #97266d
}

.even\:bg-pink-900:nth-child(2n) {
    background-color: #702459
}

.odd\:bg-pink-100:nth-child(odd) {
    background-color: #fff5f7
}

.odd\:bg-pink-200:nth-child(odd) {
    background-color: #fed7e2
}

.odd\:bg-pink-300:nth-child(odd) {
    background-color: #fbb6ce
}

.odd\:bg-pink-400:nth-child(odd) {
    background-color: #f687b3
}

.odd\:bg-pink-500:nth-child(odd) {
    background-color: #ed64a6
}

.odd\:bg-pink-600:nth-child(odd) {
    background-color: #d53f8c
}

.odd\:bg-pink-700:nth-child(odd) {
    background-color: #b83280
}

.odd\:bg-pink-800:nth-child(odd) {
    background-color: #97266d
}

.odd\:bg-pink-900:nth-child(odd) {
    background-color: #702459
}

.bg-right {
    background-position: 100%
}

.bg-cover {
    background-size: cover
}

.border-white {
    border-color: var(--standaard-wit)
}

.border-primary-lighter {
    border-color: var(--secondary-bg-color)
}

.border-gray-100 {
    border-color: var(--page-bg-color)
}

.border-gray-500 {
    border-color: #8e8e8e
}

.border-red-600 {
    border-color: #e53e3e
}

.border-pink-100 {
    border-color: #fff5f7
}

.border-pink-200 {
    border-color: #fed7e2
}

.border-pink-300 {
    border-color: #fbb6ce
}

.border-pink-400 {
    border-color: #f687b3
}

.border-pink-500 {
    border-color: #ed64a6
}

.border-pink-600 {
    border-color: #d53f8c
}

.border-pink-700 {
    border-color: #b83280
}

.border-pink-800 {
    border-color: #97266d
}

.border-pink-900 {
    border-color: #702459
}

.hover\:border-pink-100:hover {
    border-color: #fff5f7
}

.hover\:border-pink-200:hover {
    border-color: #fed7e2
}

.hover\:border-pink-300:hover {
    border-color: #fbb6ce
}

.hover\:border-pink-400:hover {
    border-color: #f687b3
}

.hover\:border-pink-500:hover {
    border-color: #ed64a6
}

.hover\:border-pink-600:hover {
    border-color: #d53f8c
}

.hover\:border-pink-700:hover {
    border-color: #b83280
}

.hover\:border-pink-800:hover {
    border-color: #97266d
}

.hover\:border-pink-900:hover {
    border-color: #702459
}

.focus\:border-pink-100:focus {
    border-color: #fff5f7
}

.focus\:border-pink-200:focus {
    border-color: #fed7e2
}

.focus\:border-pink-300:focus {
    border-color: #fbb6ce
}

.focus\:border-pink-400:focus {
    border-color: #f687b3
}

.focus\:border-pink-500:focus {
    border-color: #ed64a6
}

.focus\:border-pink-600:focus {
    border-color: #d53f8c
}

.focus\:border-pink-700:focus {
    border-color: #b83280
}

.focus\:border-pink-800:focus {
    border-color: #97266d
}

.focus\:border-pink-900:focus {
    border-color: #702459
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-t-lg {
    border-top-left-radius: .5rem
}

.rounded-r-lg, .rounded-t-lg {
    border-top-right-radius: .5rem
}

.rounded-b-lg, .rounded-r-lg {
    border-bottom-right-radius: .5rem
}

.rounded-b-lg, .rounded-l-lg {
    border-bottom-left-radius: .5rem
}

.rounded-l-lg {
    border-top-left-radius: .5rem
}

.border-none {
    border-style: none
}

.border-2 {
    border-width: 2px
}

.border-l-2 {
    border-left-width: 2px
}

.border-b {
    border-bottom-width: 1px
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.flex {
    display: flex
}

.table {
    display: table
}

.hidden {
    display: none
}

.flex-wrap {
    flex-wrap: wrap
}

.items-start {
    align-items: flex-start
}

.items-center {
    align-items: center
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.flex-shrink-0 {
    flex-shrink: 0
}

.font-bold {
    font-weight: 700
}

.h-6 {
    height: 1.5rem
}

.h-24 {
    height: 6rem
}

.h-64 {
    height: 16rem
}

.h-full {
    height: 100%
}

.leading-tight {
    line-height: 1.25
}

.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.-mx-2 {
    margin-left: -.5rem;
    margin-right: -.5rem
}

.-mx-3 {
    margin-left: -.75rem;
    margin-right: -.75rem
}

.-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem
}

.mb-0 {
    margin-bottom: 0
}

.mt-1 {
    margin-top: .25rem
}

.ml-1 {
    margin-left: .25rem
}

.mt-2 {
    margin-top: .5rem
}

.mb-2 {
    margin-bottom: .5rem
}

.ml-2 {
    margin-left: .5rem
}

.mt-4 {
    margin-top: 1rem
}

.mr-2 {
    margin-right: .5rem;
}

.mr-4 {
    margin-right: 1rem
}

.mb-4 {
    margin-bottom: 1rem
}

.ml-4 {
    margin-left: 1rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mr-8 {
    margin-right: 2rem
}

.mb-8 {
    margin-bottom: 2rem
}

.ml-12 {
    margin-left: 3rem
}

.-mt-12 {
    margin-top: -3rem
}

.focus\:outline-none:focus, .outline-none {
    outline: 0
}

.overflow-hidden {
    overflow: hidden
}

.p-2 {
    padding: .5rem
}

.p-4 {
    padding: 1rem
}

.p-8 {
    padding: 2rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.pt-2 {
    padding-top: .5rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pl-2 {
    padding-left: .5rem
}

.pr-4 {
    padding-right: 1rem
}

.pt-16 {
    padding-top: 4rem
}

.placeholder-pink-100::-webkit-input-placeholder {
    color: #fff5f7
}

.placeholder-pink-100:-ms-input-placeholder {
    color: #fff5f7
}

.placeholder-pink-100::-ms-input-placeholder {
    color: #fff5f7
}

.placeholder-pink-100::placeholder {
    color: #fff5f7
}

.placeholder-pink-200::-webkit-input-placeholder {
    color: #fed7e2
}

.placeholder-pink-200:-ms-input-placeholder {
    color: #fed7e2
}

.placeholder-pink-200::-ms-input-placeholder {
    color: #fed7e2
}

.placeholder-pink-200::placeholder {
    color: #fed7e2
}

.placeholder-pink-300::-webkit-input-placeholder {
    color: #fbb6ce
}

.placeholder-pink-300:-ms-input-placeholder {
    color: #fbb6ce
}

.placeholder-pink-300::-ms-input-placeholder {
    color: #fbb6ce
}

.placeholder-pink-300::placeholder {
    color: #fbb6ce
}

.placeholder-pink-400::-webkit-input-placeholder {
    color: #f687b3
}

.placeholder-pink-400:-ms-input-placeholder {
    color: #f687b3
}

.placeholder-pink-400::-ms-input-placeholder {
    color: #f687b3
}

.placeholder-pink-400::placeholder {
    color: #f687b3
}

.placeholder-pink-500::-webkit-input-placeholder {
    color: #ed64a6
}

.placeholder-pink-500:-ms-input-placeholder {
    color: #ed64a6
}

.placeholder-pink-500::-ms-input-placeholder {
    color: #ed64a6
}

.placeholder-pink-500::placeholder {
    color: #ed64a6
}

.placeholder-pink-600::-webkit-input-placeholder {
    color: #d53f8c
}

.placeholder-pink-600:-ms-input-placeholder {
    color: #d53f8c
}

.placeholder-pink-600::-ms-input-placeholder {
    color: #d53f8c
}

.placeholder-pink-600::placeholder {
    color: #d53f8c
}

.placeholder-pink-700::-webkit-input-placeholder {
    color: #b83280
}

.placeholder-pink-700:-ms-input-placeholder {
    color: #b83280
}

.placeholder-pink-700::-ms-input-placeholder {
    color: #b83280
}

.placeholder-pink-700::placeholder {
    color: #b83280
}

.placeholder-pink-800::-webkit-input-placeholder {
    color: #97266d
}

.placeholder-pink-800:-ms-input-placeholder {
    color: #97266d
}

.placeholder-pink-800::-ms-input-placeholder {
    color: #97266d
}

.placeholder-pink-800::placeholder {
    color: #97266d
}

.placeholder-pink-900::-webkit-input-placeholder {
    color: #702459
}

.placeholder-pink-900:-ms-input-placeholder {
    color: #702459
}

.placeholder-pink-900::-ms-input-placeholder {
    color: #702459
}

.placeholder-pink-900::placeholder {
    color: #702459
}

.focus\:placeholder-pink-100:focus::-webkit-input-placeholder {
    color: #fff5f7
}

.focus\:placeholder-pink-100:focus:-ms-input-placeholder {
    color: #fff5f7
}

.focus\:placeholder-pink-100:focus::-ms-input-placeholder {
    color: #fff5f7
}

.focus\:placeholder-pink-100:focus::placeholder {
    color: #fff5f7
}

.focus\:placeholder-pink-200:focus::-webkit-input-placeholder {
    color: #fed7e2
}

.focus\:placeholder-pink-200:focus:-ms-input-placeholder {
    color: #fed7e2
}

.focus\:placeholder-pink-200:focus::-ms-input-placeholder {
    color: #fed7e2
}

.focus\:placeholder-pink-200:focus::placeholder {
    color: #fed7e2
}

.focus\:placeholder-pink-300:focus::-webkit-input-placeholder {
    color: #fbb6ce
}

.focus\:placeholder-pink-300:focus:-ms-input-placeholder {
    color: #fbb6ce
}

.focus\:placeholder-pink-300:focus::-ms-input-placeholder {
    color: #fbb6ce
}

.focus\:placeholder-pink-300:focus::placeholder {
    color: #fbb6ce
}

.focus\:placeholder-pink-400:focus::-webkit-input-placeholder {
    color: #f687b3
}

.focus\:placeholder-pink-400:focus:-ms-input-placeholder {
    color: #f687b3
}

.focus\:placeholder-pink-400:focus::-ms-input-placeholder {
    color: #f687b3
}

.focus\:placeholder-pink-400:focus::placeholder {
    color: #f687b3
}

.focus\:placeholder-pink-500:focus::-webkit-input-placeholder {
    color: #ed64a6
}

.focus\:placeholder-pink-500:focus:-ms-input-placeholder {
    color: #ed64a6
}

.focus\:placeholder-pink-500:focus::-ms-input-placeholder {
    color: #ed64a6
}

.focus\:placeholder-pink-500:focus::placeholder {
    color: #ed64a6
}

.focus\:placeholder-pink-600:focus::-webkit-input-placeholder {
    color: #d53f8c
}

.focus\:placeholder-pink-600:focus:-ms-input-placeholder {
    color: #d53f8c
}

.focus\:placeholder-pink-600:focus::-ms-input-placeholder {
    color: #d53f8c
}

.focus\:placeholder-pink-600:focus::placeholder {
    color: #d53f8c
}

.focus\:placeholder-pink-700:focus::-webkit-input-placeholder {
    color: #b83280
}

.focus\:placeholder-pink-700:focus:-ms-input-placeholder {
    color: #b83280
}

.focus\:placeholder-pink-700:focus::-ms-input-placeholder {
    color: #b83280
}

.focus\:placeholder-pink-700:focus::placeholder {
    color: #b83280
}

.focus\:placeholder-pink-800:focus::-webkit-input-placeholder {
    color: #97266d
}

.focus\:placeholder-pink-800:focus:-ms-input-placeholder {
    color: #97266d
}

.focus\:placeholder-pink-800:focus::-ms-input-placeholder {
    color: #97266d
}

.focus\:placeholder-pink-800:focus::placeholder {
    color: #97266d
}

.focus\:placeholder-pink-900:focus::-webkit-input-placeholder {
    color: #702459
}

.focus\:placeholder-pink-900:focus:-ms-input-placeholder {
    color: #702459
}

.focus\:placeholder-pink-900:focus::-ms-input-placeholder {
    color: #702459
}

.focus\:placeholder-pink-900:focus::placeholder {
    color: #702459
}

.pointer-events-none {
    pointer-events: none
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.top-0 {
    top: 0
}

.right-0 {
    right: 0
}

.bottom-0 {
    bottom: 0
}

.left-0 {
    left: 0
}

.fill-current {
    fill: currentColor
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-black {
    color: #041414
}

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

.text-primary {
    color: var(--main-bg-color)
}

.text-secondary {
    color: var(--secondary-bg-color)
}

.text-gray-500 {
    color: #8e8e8e
}

.text-red-600 {
    color: #e53e3e
}

.text-orange-400 {
    color: var( --text-bekijk-product)
}

.text-orange-500 {
    color: var(--bestel-categorie-color)
}

.text-green-600 {
    color: #38a169
}

.text-pink-100 {
    color: #fff5f7
}

.text-pink-200 {
    color: #fed7e2
}

.text-pink-300 {
    color: #fbb6ce
}

.text-pink-400 {
    color: #f687b3
}

.text-pink-500 {
    color: #ed64a6
}

.text-pink-600 {
    color: #d53f8c
}

.text-pink-700 {
    color: #b83280
}

.text-pink-800 {
    color: #97266d
}

.text-pink-900 {
    color: #702459
}

.hover\:text-pink-100:hover {
    color: #fff5f7
}

.hover\:text-pink-200:hover {
    color: #fed7e2
}

.hover\:text-pink-300:hover {
    color: #fbb6ce
}

.hover\:text-pink-400:hover {
    color: #f687b3
}

.hover\:text-pink-500:hover {
    color: #ed64a6
}

.hover\:text-pink-600:hover {
    color: #d53f8c
}

.hover\:text-pink-700:hover {
    color: #b83280
}

.hover\:text-pink-800:hover {
    color: #97266d
}

.hover\:text-pink-900:hover {
    color: #702459
}

.focus\:text-pink-100:focus {
    color: #fff5f7
}

.focus\:text-pink-200:focus {
    color: #fed7e2
}

.focus\:text-pink-300:focus {
    color: #fbb6ce
}

.focus\:text-pink-400:focus {
    color: #f687b3
}

.focus\:text-pink-500:focus {
    color: #ed64a6
}

.focus\:text-pink-600:focus {
    color: #d53f8c
}

.focus\:text-pink-700:focus {
    color: #b83280
}

.focus\:text-pink-800:focus {
    color: #97266d
}

.focus\:text-pink-900:focus {
    color: #702459
}

.text-xs {
    font-size: .75rem
}

.text-lg {
    font-size: 1.125rem
}

.text-xl {
    font-size: 1.25rem
}

.text-2xl {
    font-size: 1.5rem
}

.text-3xl {
    font-size: 1.875rem
}

.underline {
    text-decoration: underline
}

.align-baseline {
    vertical-align: baseline
}

.break-normal {
    overflow-wrap: normal;
    word-break: normal
}

.break-words {
    overflow-wrap: break-word
}

.break-all {
    word-break: break-all
}

.w-6 {
    width: 1.5rem
}

.w-20 {
    width: 5rem
}

.w-40 {
    width: 10rem
}

.w-48 {
    width: 12rem
}

.w-56 {
    width: 14rem
}

.w-64 {
    width: 16rem
}

.w-112 {
    width: 28rem
}

.w-128 {
    width: 32rem
}

.w-1\/3 {
    width: 33.33333%
}

.w-1\/4 {
    width: 25%
}

.w-3\/4 {
    width: 75%
}

.w-full {
    width: 100%
}

@media (min-width:640px) {
    .sm\:bg-pink-100 {
        background-color: #fff5f7
    }

    .sm\:bg-pink-200 {
        background-color: #fed7e2
    }

    .sm\:bg-pink-300 {
        background-color: #fbb6ce
    }

    .sm\:bg-pink-400 {
        background-color: #f687b3
    }

    .sm\:bg-pink-500 {
        background-color: #ed64a6
    }

    .sm\:bg-pink-600 {
        background-color: #d53f8c
    }

    .sm\:bg-pink-700 {
        background-color: #b83280
    }

    .sm\:bg-pink-800 {
        background-color: #97266d
    }

    .sm\:bg-pink-900 {
        background-color: #702459
    }

    .sm\:hover\:bg-pink-100:hover {
        background-color: #fff5f7
    }

    .sm\:hover\:bg-pink-200:hover {
        background-color: #fed7e2
    }

    .sm\:hover\:bg-pink-300:hover {
        background-color: #fbb6ce
    }

    .sm\:hover\:bg-pink-400:hover {
        background-color: #f687b3
    }

    .sm\:hover\:bg-pink-500:hover {
        background-color: #ed64a6
    }

    .sm\:hover\:bg-pink-600:hover {
        background-color: #d53f8c
    }

    .sm\:hover\:bg-pink-700:hover {
        background-color: #b83280
    }

    .sm\:hover\:bg-pink-800:hover {
        background-color: #97266d
    }

    .sm\:hover\:bg-pink-900:hover {
        background-color: #702459
    }

    .sm\:focus\:bg-pink-100:focus {
        background-color: #fff5f7
    }

    .sm\:focus\:bg-pink-200:focus {
        background-color: #fed7e2
    }

    .sm\:focus\:bg-pink-300:focus {
        background-color: #fbb6ce
    }

    .sm\:focus\:bg-pink-400:focus {
        background-color: #f687b3
    }

    .sm\:focus\:bg-pink-500:focus {
        background-color: #ed64a6
    }

    .sm\:focus\:bg-pink-600:focus {
        background-color: #d53f8c
    }

    .sm\:focus\:bg-pink-700:focus {
        background-color: #b83280
    }

    .sm\:focus\:bg-pink-800:focus {
        background-color: #97266d
    }

    .sm\:focus\:bg-pink-900:focus {
        background-color: #702459
    }

    .sm\:first\:bg-pink-100:first-child {
        background-color: #fff5f7
    }

    .sm\:first\:bg-pink-200:first-child {
        background-color: #fed7e2
    }

    .sm\:first\:bg-pink-300:first-child {
        background-color: #fbb6ce
    }

    .sm\:first\:bg-pink-400:first-child {
        background-color: #f687b3
    }

    .sm\:first\:bg-pink-500:first-child {
        background-color: #ed64a6
    }

    .sm\:first\:bg-pink-600:first-child {
        background-color: #d53f8c
    }

    .sm\:first\:bg-pink-700:first-child {
        background-color: #b83280
    }

    .sm\:first\:bg-pink-800:first-child {
        background-color: #97266d
    }

    .sm\:first\:bg-pink-900:first-child {
        background-color: #702459
    }

    .sm\:last\:bg-pink-100:last-child {
        background-color: #fff5f7
    }

    .sm\:last\:bg-pink-200:last-child {
        background-color: #fed7e2
    }

    .sm\:last\:bg-pink-300:last-child {
        background-color: #fbb6ce
    }

    .sm\:last\:bg-pink-400:last-child {
        background-color: #f687b3
    }

    .sm\:last\:bg-pink-500:last-child {
        background-color: #ed64a6
    }

    .sm\:last\:bg-pink-600:last-child {
        background-color: #d53f8c
    }

    .sm\:last\:bg-pink-700:last-child {
        background-color: #b83280
    }

    .sm\:last\:bg-pink-800:last-child {
        background-color: #97266d
    }

    .sm\:last\:bg-pink-900:last-child {
        background-color: #702459
    }

    .sm\:even\:bg-pink-100:nth-child(2n) {
        background-color: #fff5f7
    }

    .sm\:even\:bg-pink-200:nth-child(2n) {
        background-color: #fed7e2
    }

    .sm\:even\:bg-pink-300:nth-child(2n) {
        background-color: #fbb6ce
    }

    .sm\:even\:bg-pink-400:nth-child(2n) {
        background-color: #f687b3
    }

    .sm\:even\:bg-pink-500:nth-child(2n) {
        background-color: #ed64a6
    }

    .sm\:even\:bg-pink-600:nth-child(2n) {
        background-color: #d53f8c
    }

    .sm\:even\:bg-pink-700:nth-child(2n) {
        background-color: #b83280
    }

    .sm\:even\:bg-pink-800:nth-child(2n) {
        background-color: #97266d
    }

    .sm\:even\:bg-pink-900:nth-child(2n) {
        background-color: #702459
    }

    .sm\:odd\:bg-pink-100:nth-child(odd) {
        background-color: #fff5f7
    }

    .sm\:odd\:bg-pink-200:nth-child(odd) {
        background-color: #fed7e2
    }

    .sm\:odd\:bg-pink-300:nth-child(odd) {
        background-color: #fbb6ce
    }

    .sm\:odd\:bg-pink-400:nth-child(odd) {
        background-color: #f687b3
    }

    .sm\:odd\:bg-pink-500:nth-child(odd) {
        background-color: #ed64a6
    }

    .sm\:odd\:bg-pink-600:nth-child(odd) {
        background-color: #d53f8c
    }

    .sm\:odd\:bg-pink-700:nth-child(odd) {
        background-color: #b83280
    }

    .sm\:odd\:bg-pink-800:nth-child(odd) {
        background-color: #97266d
    }

    .sm\:odd\:bg-pink-900:nth-child(odd) {
        background-color: #702459
    }

    .sm\:border-pink-100 {
        border-color: #fff5f7
    }

    .sm\:border-pink-200 {
        border-color: #fed7e2
    }

    .sm\:border-pink-300 {
        border-color: #fbb6ce
    }

    .sm\:border-pink-400 {
        border-color: #f687b3
    }

    .sm\:border-pink-500 {
        border-color: #ed64a6
    }

    .sm\:border-pink-600 {
        border-color: #d53f8c
    }

    .sm\:border-pink-700 {
        border-color: #b83280
    }

    .sm\:border-pink-800 {
        border-color: #97266d
    }

    .sm\:border-pink-900 {
        border-color: #702459
    }

    .sm\:hover\:border-pink-100:hover {
        border-color: #fff5f7
    }

    .sm\:hover\:border-pink-200:hover {
        border-color: #fed7e2
    }

    .sm\:hover\:border-pink-300:hover {
        border-color: #fbb6ce
    }

    .sm\:hover\:border-pink-400:hover {
        border-color: #f687b3
    }

    .sm\:hover\:border-pink-500:hover {
        border-color: #ed64a6
    }

    .sm\:hover\:border-pink-600:hover {
        border-color: #d53f8c
    }

    .sm\:hover\:border-pink-700:hover {
        border-color: #b83280
    }

    .sm\:hover\:border-pink-800:hover {
        border-color: #97266d
    }

    .sm\:hover\:border-pink-900:hover {
        border-color: #702459
    }

    .sm\:focus\:border-pink-100:focus {
        border-color: #fff5f7
    }

    .sm\:focus\:border-pink-200:focus {
        border-color: #fed7e2
    }

    .sm\:focus\:border-pink-300:focus {
        border-color: #fbb6ce
    }

    .sm\:focus\:border-pink-400:focus {
        border-color: #f687b3
    }

    .sm\:focus\:border-pink-500:focus {
        border-color: #ed64a6
    }

    .sm\:focus\:border-pink-600:focus {
        border-color: #d53f8c
    }

    .sm\:focus\:border-pink-700:focus {
        border-color: #b83280
    }

    .sm\:focus\:border-pink-800:focus {
        border-color: #97266d
    }

    .sm\:focus\:border-pink-900:focus {
        border-color: #702459
    }

    .sm\:inline-block {
        display: inline-block
    }

    .sm\:flex {
        display: flex
    }

    .sm\:hidden {
        display: none
    }

    .sm\:flex-no-wrap {
        flex-wrap: nowrap
    }

    .sm\:items-start {
        align-items: flex-start
    }

    .sm\:justify-end {
        justify-content: flex-end
    }

    .sm\:justify-between {
        justify-content: space-between
    }

    .sm\:flex-shrink-0 {
        flex-shrink: 0
    }

    .sm\:mb-0 {
        margin-bottom: 0
    }

    .sm\:mr-4 {
        margin-right: 1rem
    }

    .sm\:mt-8 {
        margin-top: 2rem
    }

    .sm\:p-8 {
        padding: 2rem
    }

    .sm\:pt-8 {
        padding-top: 2rem
    }

    .sm\:pl-8 {
        padding-left: 2rem
    }

    .sm\:placeholder-pink-100::-webkit-input-placeholder {
        color: #fff5f7
    }

    .sm\:placeholder-pink-100:-ms-input-placeholder {
        color: #fff5f7
    }

    .sm\:placeholder-pink-100::-ms-input-placeholder {
        color: #fff5f7
    }

    .sm\:placeholder-pink-100::placeholder {
        color: #fff5f7
    }

    .sm\:placeholder-pink-200::-webkit-input-placeholder {
        color: #fed7e2
    }

    .sm\:placeholder-pink-200:-ms-input-placeholder {
        color: #fed7e2
    }

    .sm\:placeholder-pink-200::-ms-input-placeholder {
        color: #fed7e2
    }

    .sm\:placeholder-pink-200::placeholder {
        color: #fed7e2
    }

    .sm\:placeholder-pink-300::-webkit-input-placeholder {
        color: #fbb6ce
    }

    .sm\:placeholder-pink-300:-ms-input-placeholder {
        color: #fbb6ce
    }

    .sm\:placeholder-pink-300::-ms-input-placeholder {
        color: #fbb6ce
    }

    .sm\:placeholder-pink-300::placeholder {
        color: #fbb6ce
    }

    .sm\:placeholder-pink-400::-webkit-input-placeholder {
        color: #f687b3
    }

    .sm\:placeholder-pink-400:-ms-input-placeholder {
        color: #f687b3
    }

    .sm\:placeholder-pink-400::-ms-input-placeholder {
        color: #f687b3
    }

    .sm\:placeholder-pink-400::placeholder {
        color: #f687b3
    }

    .sm\:placeholder-pink-500::-webkit-input-placeholder {
        color: #ed64a6
    }

    .sm\:placeholder-pink-500:-ms-input-placeholder {
        color: #ed64a6
    }

    .sm\:placeholder-pink-500::-ms-input-placeholder {
        color: #ed64a6
    }

    .sm\:placeholder-pink-500::placeholder {
        color: #ed64a6
    }

    .sm\:placeholder-pink-600::-webkit-input-placeholder {
        color: #d53f8c
    }

    .sm\:placeholder-pink-600:-ms-input-placeholder {
        color: #d53f8c
    }

    .sm\:placeholder-pink-600::-ms-input-placeholder {
        color: #d53f8c
    }

    .sm\:placeholder-pink-600::placeholder {
        color: #d53f8c
    }

    .sm\:placeholder-pink-700::-webkit-input-placeholder {
        color: #b83280
    }

    .sm\:placeholder-pink-700:-ms-input-placeholder {
        color: #b83280
    }

    .sm\:placeholder-pink-700::-ms-input-placeholder {
        color: #b83280
    }

    .sm\:placeholder-pink-700::placeholder {
        color: #b83280
    }

    .sm\:placeholder-pink-800::-webkit-input-placeholder {
        color: #97266d
    }

    .sm\:placeholder-pink-800:-ms-input-placeholder {
        color: #97266d
    }

    .sm\:placeholder-pink-800::-ms-input-placeholder {
        color: #97266d
    }

    .sm\:placeholder-pink-800::placeholder {
        color: #97266d
    }

    .sm\:placeholder-pink-900::-webkit-input-placeholder {
        color: #702459
    }

    .sm\:placeholder-pink-900:-ms-input-placeholder {
        color: #702459
    }

    .sm\:placeholder-pink-900::-ms-input-placeholder {
        color: #702459
    }

    .sm\:placeholder-pink-900::placeholder {
        color: #702459
    }

    .sm\:focus\:placeholder-pink-100:focus::-webkit-input-placeholder {
        color: #fff5f7
    }

    .sm\:focus\:placeholder-pink-100:focus:-ms-input-placeholder {
        color: #fff5f7
    }

    .sm\:focus\:placeholder-pink-100:focus::-ms-input-placeholder {
        color: #fff5f7
    }

    .sm\:focus\:placeholder-pink-100:focus::placeholder {
        color: #fff5f7
    }

    .sm\:focus\:placeholder-pink-200:focus::-webkit-input-placeholder {
        color: #fed7e2
    }

    .sm\:focus\:placeholder-pink-200:focus:-ms-input-placeholder {
        color: #fed7e2
    }

    .sm\:focus\:placeholder-pink-200:focus::-ms-input-placeholder {
        color: #fed7e2
    }

    .sm\:focus\:placeholder-pink-200:focus::placeholder {
        color: #fed7e2
    }

    .sm\:focus\:placeholder-pink-300:focus::-webkit-input-placeholder {
        color: #fbb6ce
    }

    .sm\:focus\:placeholder-pink-300:focus:-ms-input-placeholder {
        color: #fbb6ce
    }

    .sm\:focus\:placeholder-pink-300:focus::-ms-input-placeholder {
        color: #fbb6ce
    }

    .sm\:focus\:placeholder-pink-300:focus::placeholder {
        color: #fbb6ce
    }

    .sm\:focus\:placeholder-pink-400:focus::-webkit-input-placeholder {
        color: #f687b3
    }

    .sm\:focus\:placeholder-pink-400:focus:-ms-input-placeholder {
        color: #f687b3
    }

    .sm\:focus\:placeholder-pink-400:focus::-ms-input-placeholder {
        color: #f687b3
    }

    .sm\:focus\:placeholder-pink-400:focus::placeholder {
        color: #f687b3
    }

    .sm\:focus\:placeholder-pink-500:focus::-webkit-input-placeholder {
        color: #ed64a6
    }

    .sm\:focus\:placeholder-pink-500:focus:-ms-input-placeholder {
        color: #ed64a6
    }

    .sm\:focus\:placeholder-pink-500:focus::-ms-input-placeholder {
        color: #ed64a6
    }

    .sm\:focus\:placeholder-pink-500:focus::placeholder {
        color: #ed64a6
    }

    .sm\:focus\:placeholder-pink-600:focus::-webkit-input-placeholder {
        color: #d53f8c
    }

    .sm\:focus\:placeholder-pink-600:focus:-ms-input-placeholder {
        color: #d53f8c
    }

    .sm\:focus\:placeholder-pink-600:focus::-ms-input-placeholder {
        color: #d53f8c
    }

    .sm\:focus\:placeholder-pink-600:focus::placeholder {
        color: #d53f8c
    }

    .sm\:focus\:placeholder-pink-700:focus::-webkit-input-placeholder {
        color: #b83280
    }

    .sm\:focus\:placeholder-pink-700:focus:-ms-input-placeholder {
        color: #b83280
    }

    .sm\:focus\:placeholder-pink-700:focus::-ms-input-placeholder {
        color: #b83280
    }

    .sm\:focus\:placeholder-pink-700:focus::placeholder {
        color: #b83280
    }

    .sm\:focus\:placeholder-pink-800:focus::-webkit-input-placeholder {
        color: #97266d
    }

    .sm\:focus\:placeholder-pink-800:focus:-ms-input-placeholder {
        color: #97266d
    }

    .sm\:focus\:placeholder-pink-800:focus::-ms-input-placeholder {
        color: #97266d
    }

    .sm\:focus\:placeholder-pink-800:focus::placeholder {
        color: #97266d
    }

    .sm\:focus\:placeholder-pink-900:focus::-webkit-input-placeholder {
        color: #702459
    }

    .sm\:focus\:placeholder-pink-900:focus:-ms-input-placeholder {
        color: #702459
    }

    .sm\:focus\:placeholder-pink-900:focus::-ms-input-placeholder {
        color: #702459
    }

    .sm\:focus\:placeholder-pink-900:focus::placeholder {
        color: #702459
    }

    .sm\:text-pink-100 {
        color: #fff5f7
    }

    .sm\:text-pink-200 {
        color: #fed7e2
    }

    .sm\:text-pink-300 {
        color: #fbb6ce
    }

    .sm\:text-pink-400 {
        color: #f687b3
    }

    .sm\:text-pink-500 {
        color: #ed64a6
    }

    .sm\:text-pink-600 {
        color: #d53f8c
    }

    .sm\:text-pink-700 {
        color: #b83280
    }

    .sm\:text-pink-800 {
        color: #97266d
    }

    .sm\:text-pink-900 {
        color: #702459
    }

    .sm\:hover\:text-pink-100:hover {
        color: #fff5f7
    }

    .sm\:hover\:text-pink-200:hover {
        color: #fed7e2
    }

    .sm\:hover\:text-pink-300:hover {
        color: #fbb6ce
    }

    .sm\:hover\:text-pink-400:hover {
        color: #f687b3
    }

    .sm\:hover\:text-pink-500:hover {
        color: #ed64a6
    }

    .sm\:hover\:text-pink-600:hover {
        color: #d53f8c
    }

    .sm\:hover\:text-pink-700:hover {
        color: #b83280
    }

    .sm\:hover\:text-pink-800:hover {
        color: #97266d
    }

    .sm\:hover\:text-pink-900:hover {
        color: #702459
    }

    .sm\:focus\:text-pink-100:focus {
        color: #fff5f7
    }

    .sm\:focus\:text-pink-200:focus {
        color: #fed7e2
    }

    .sm\:focus\:text-pink-300:focus {
        color: #fbb6ce
    }

    .sm\:focus\:text-pink-400:focus {
        color: #f687b3
    }

    .sm\:focus\:text-pink-500:focus {
        color: #ed64a6
    }

    .sm\:focus\:text-pink-600:focus {
        color: #d53f8c
    }

    .sm\:focus\:text-pink-700:focus {
        color: #b83280
    }

    .sm\:focus\:text-pink-800:focus {
        color: #97266d
    }

    .sm\:focus\:text-pink-900:focus {
        color: #702459
    }

    .sm\:break-normal {
        overflow-wrap: normal;
        word-break: normal
    }

    .sm\:break-words {
        overflow-wrap: break-word
    }

    .sm\:break-all {
        word-break: break-all
    }

    .sm\:w-auto {
        width: auto
    }

    .sm\:w-1\/2 {
        width: 50%
    }
}

@media (min-width:768px) {
    .md\:bg-pink-100 {
        background-color: #fff5f7
    }

    .md\:bg-pink-200 {
        background-color: #fed7e2
    }

    .md\:bg-pink-300 {
        background-color: #fbb6ce
    }

    .md\:bg-pink-400 {
        background-color: #f687b3
    }

    .md\:bg-pink-500 {
        background-color: #ed64a6
    }

    .md\:bg-pink-600 {
        background-color: #d53f8c
    }

    .md\:bg-pink-700 {
        background-color: #b83280
    }

    .md\:bg-pink-800 {
        background-color: #97266d
    }

    .md\:bg-pink-900 {
        background-color: #702459
    }

    .md\:hover\:bg-pink-100:hover {
        background-color: #fff5f7
    }

    .md\:hover\:bg-pink-200:hover {
        background-color: #fed7e2
    }

    .md\:hover\:bg-pink-300:hover {
        background-color: #fbb6ce
    }

    .md\:hover\:bg-pink-400:hover {
        background-color: #f687b3
    }

    .md\:hover\:bg-pink-500:hover {
        background-color: #ed64a6
    }

    .md\:hover\:bg-pink-600:hover {
        background-color: #d53f8c
    }

    .md\:hover\:bg-pink-700:hover {
        background-color: #b83280
    }

    .md\:hover\:bg-pink-800:hover {
        background-color: #97266d
    }

    .md\:hover\:bg-pink-900:hover {
        background-color: #702459
    }

    .md\:focus\:bg-pink-100:focus {
        background-color: #fff5f7
    }

    .md\:focus\:bg-pink-200:focus {
        background-color: #fed7e2
    }

    .md\:focus\:bg-pink-300:focus {
        background-color: #fbb6ce
    }

    .md\:focus\:bg-pink-400:focus {
        background-color: #f687b3
    }

    .md\:focus\:bg-pink-500:focus {
        background-color: #ed64a6
    }

    .md\:focus\:bg-pink-600:focus {
        background-color: #d53f8c
    }

    .md\:focus\:bg-pink-700:focus {
        background-color: #b83280
    }

    .md\:focus\:bg-pink-800:focus {
        background-color: #97266d
    }

    .md\:focus\:bg-pink-900:focus {
        background-color: #702459
    }

    .md\:first\:bg-pink-100:first-child {
        background-color: #fff5f7
    }

    .md\:first\:bg-pink-200:first-child {
        background-color: #fed7e2
    }

    .md\:first\:bg-pink-300:first-child {
        background-color: #fbb6ce
    }

    .md\:first\:bg-pink-400:first-child {
        background-color: #f687b3
    }

    .md\:first\:bg-pink-500:first-child {
        background-color: #ed64a6
    }

    .md\:first\:bg-pink-600:first-child {
        background-color: #d53f8c
    }

    .md\:first\:bg-pink-700:first-child {
        background-color: #b83280
    }

    .md\:first\:bg-pink-800:first-child {
        background-color: #97266d
    }

    .md\:first\:bg-pink-900:first-child {
        background-color: #702459
    }

    .md\:last\:bg-pink-100:last-child {
        background-color: #fff5f7
    }

    .md\:last\:bg-pink-200:last-child {
        background-color: #fed7e2
    }

    .md\:last\:bg-pink-300:last-child {
        background-color: #fbb6ce
    }

    .md\:last\:bg-pink-400:last-child {
        background-color: #f687b3
    }

    .md\:last\:bg-pink-500:last-child {
        background-color: #ed64a6
    }

    .md\:last\:bg-pink-600:last-child {
        background-color: #d53f8c
    }

    .md\:last\:bg-pink-700:last-child {
        background-color: #b83280
    }

    .md\:last\:bg-pink-800:last-child {
        background-color: #97266d
    }

    .md\:last\:bg-pink-900:last-child {
        background-color: #702459
    }

    .md\:even\:bg-pink-100:nth-child(2n) {
        background-color: #fff5f7
    }

    .md\:even\:bg-pink-200:nth-child(2n) {
        background-color: #fed7e2
    }

    .md\:even\:bg-pink-300:nth-child(2n) {
        background-color: #fbb6ce
    }

    .md\:even\:bg-pink-400:nth-child(2n) {
        background-color: #f687b3
    }

    .md\:even\:bg-pink-500:nth-child(2n) {
        background-color: #ed64a6
    }

    .md\:even\:bg-pink-600:nth-child(2n) {
        background-color: #d53f8c
    }

    .md\:even\:bg-pink-700:nth-child(2n) {
        background-color: #b83280
    }

    .md\:even\:bg-pink-800:nth-child(2n) {
        background-color: #97266d
    }

    .md\:even\:bg-pink-900:nth-child(2n) {
        background-color: #702459
    }

    .md\:odd\:bg-pink-100:nth-child(odd) {
        background-color: #fff5f7
    }

    .md\:odd\:bg-pink-200:nth-child(odd) {
        background-color: #fed7e2
    }

    .md\:odd\:bg-pink-300:nth-child(odd) {
        background-color: #fbb6ce
    }

    .md\:odd\:bg-pink-400:nth-child(odd) {
        background-color: #f687b3
    }

    .md\:odd\:bg-pink-500:nth-child(odd) {
        background-color: #ed64a6
    }

    .md\:odd\:bg-pink-600:nth-child(odd) {
        background-color: #d53f8c
    }

    .md\:odd\:bg-pink-700:nth-child(odd) {
        background-color: #b83280
    }

    .md\:odd\:bg-pink-800:nth-child(odd) {
        background-color: #97266d
    }

    .md\:odd\:bg-pink-900:nth-child(odd) {
        background-color: #702459
    }

    .md\:border-pink-100 {
        border-color: #fff5f7
    }

    .md\:border-pink-200 {
        border-color: #fed7e2
    }

    .md\:border-pink-300 {
        border-color: #fbb6ce
    }

    .md\:border-pink-400 {
        border-color: #f687b3
    }

    .md\:border-pink-500 {
        border-color: #ed64a6
    }

    .md\:border-pink-600 {
        border-color: #d53f8c
    }

    .md\:border-pink-700 {
        border-color: #b83280
    }

    .md\:border-pink-800 {
        border-color: #97266d
    }

    .md\:border-pink-900 {
        border-color: #702459
    }

    .md\:hover\:border-pink-100:hover {
        border-color: #fff5f7
    }

    .md\:hover\:border-pink-200:hover {
        border-color: #fed7e2
    }

    .md\:hover\:border-pink-300:hover {
        border-color: #fbb6ce
    }

    .md\:hover\:border-pink-400:hover {
        border-color: #f687b3
    }

    .md\:hover\:border-pink-500:hover {
        border-color: #ed64a6
    }

    .md\:hover\:border-pink-600:hover {
        border-color: #d53f8c
    }

    .md\:hover\:border-pink-700:hover {
        border-color: #b83280
    }

    .md\:hover\:border-pink-800:hover {
        border-color: #97266d
    }

    .md\:hover\:border-pink-900:hover {
        border-color: #702459
    }

    .md\:focus\:border-pink-100:focus {
        border-color: #fff5f7
    }

    .md\:focus\:border-pink-200:focus {
        border-color: #fed7e2
    }

    .md\:focus\:border-pink-300:focus {
        border-color: #fbb6ce
    }

    .md\:focus\:border-pink-400:focus {
        border-color: #f687b3
    }

    .md\:focus\:border-pink-500:focus {
        border-color: #ed64a6
    }

    .md\:focus\:border-pink-600:focus {
        border-color: #d53f8c
    }

    .md\:focus\:border-pink-700:focus {
        border-color: #b83280
    }

    .md\:focus\:border-pink-800:focus {
        border-color: #97266d
    }

    .md\:focus\:border-pink-900:focus {
        border-color: #702459
    }

    .md\:hidden {
        display: none
    }

    .md\:flex-shrink-0 {
        flex-shrink: 0
    }

    .md\:pl-16 {
        padding-left: 4rem
    }

    .md\:pl-24 {
        padding-left: 6rem
    }

    .md\:placeholder-pink-100::-webkit-input-placeholder {
        color: #fff5f7
    }

    .md\:placeholder-pink-100:-ms-input-placeholder {
        color: #fff5f7
    }

    .md\:placeholder-pink-100::-ms-input-placeholder {
        color: #fff5f7
    }

    .md\:placeholder-pink-100::placeholder {
        color: #fff5f7
    }

    .md\:placeholder-pink-200::-webkit-input-placeholder {
        color: #fed7e2
    }

    .md\:placeholder-pink-200:-ms-input-placeholder {
        color: #fed7e2
    }

    .md\:placeholder-pink-200::-ms-input-placeholder {
        color: #fed7e2
    }

    .md\:placeholder-pink-200::placeholder {
        color: #fed7e2
    }

    .md\:placeholder-pink-300::-webkit-input-placeholder {
        color: #fbb6ce
    }

    .md\:placeholder-pink-300:-ms-input-placeholder {
        color: #fbb6ce
    }

    .md\:placeholder-pink-300::-ms-input-placeholder {
        color: #fbb6ce
    }

    .md\:placeholder-pink-300::placeholder {
        color: #fbb6ce
    }

    .md\:placeholder-pink-400::-webkit-input-placeholder {
        color: #f687b3
    }

    .md\:placeholder-pink-400:-ms-input-placeholder {
        color: #f687b3
    }

    .md\:placeholder-pink-400::-ms-input-placeholder {
        color: #f687b3
    }

    .md\:placeholder-pink-400::placeholder {
        color: #f687b3
    }

    .md\:placeholder-pink-500::-webkit-input-placeholder {
        color: #ed64a6
    }

    .md\:placeholder-pink-500:-ms-input-placeholder {
        color: #ed64a6
    }

    .md\:placeholder-pink-500::-ms-input-placeholder {
        color: #ed64a6
    }

    .md\:placeholder-pink-500::placeholder {
        color: #ed64a6
    }

    .md\:placeholder-pink-600::-webkit-input-placeholder {
        color: #d53f8c
    }

    .md\:placeholder-pink-600:-ms-input-placeholder {
        color: #d53f8c
    }

    .md\:placeholder-pink-600::-ms-input-placeholder {
        color: #d53f8c
    }

    .md\:placeholder-pink-600::placeholder {
        color: #d53f8c
    }

    .md\:placeholder-pink-700::-webkit-input-placeholder {
        color: #b83280
    }

    .md\:placeholder-pink-700:-ms-input-placeholder {
        color: #b83280
    }

    .md\:placeholder-pink-700::-ms-input-placeholder {
        color: #b83280
    }

    .md\:placeholder-pink-700::placeholder {
        color: #b83280
    }

    .md\:placeholder-pink-800::-webkit-input-placeholder {
        color: #97266d
    }

    .md\:placeholder-pink-800:-ms-input-placeholder {
        color: #97266d
    }

    .md\:placeholder-pink-800::-ms-input-placeholder {
        color: #97266d
    }

    .md\:placeholder-pink-800::placeholder {
        color: #97266d
    }

    .md\:placeholder-pink-900::-webkit-input-placeholder {
        color: #702459
    }

    .md\:placeholder-pink-900:-ms-input-placeholder {
        color: #702459
    }

    .md\:placeholder-pink-900::-ms-input-placeholder {
        color: #702459
    }

    .md\:placeholder-pink-900::placeholder {
        color: #702459
    }

    .md\:focus\:placeholder-pink-100:focus::-webkit-input-placeholder {
        color: #fff5f7
    }

    .md\:focus\:placeholder-pink-100:focus:-ms-input-placeholder {
        color: #fff5f7
    }

    .md\:focus\:placeholder-pink-100:focus::-ms-input-placeholder {
        color: #fff5f7
    }

    .md\:focus\:placeholder-pink-100:focus::placeholder {
        color: #fff5f7
    }

    .md\:focus\:placeholder-pink-200:focus::-webkit-input-placeholder {
        color: #fed7e2
    }

    .md\:focus\:placeholder-pink-200:focus:-ms-input-placeholder {
        color: #fed7e2
    }

    .md\:focus\:placeholder-pink-200:focus::-ms-input-placeholder {
        color: #fed7e2
    }

    .md\:focus\:placeholder-pink-200:focus::placeholder {
        color: #fed7e2
    }

    .md\:focus\:placeholder-pink-300:focus::-webkit-input-placeholder {
        color: #fbb6ce
    }

    .md\:focus\:placeholder-pink-300:focus:-ms-input-placeholder {
        color: #fbb6ce
    }

    .md\:focus\:placeholder-pink-300:focus::-ms-input-placeholder {
        color: #fbb6ce
    }

    .md\:focus\:placeholder-pink-300:focus::placeholder {
        color: #fbb6ce
    }

    .md\:focus\:placeholder-pink-400:focus::-webkit-input-placeholder {
        color: #f687b3
    }

    .md\:focus\:placeholder-pink-400:focus:-ms-input-placeholder {
        color: #f687b3
    }

    .md\:focus\:placeholder-pink-400:focus::-ms-input-placeholder {
        color: #f687b3
    }

    .md\:focus\:placeholder-pink-400:focus::placeholder {
        color: #f687b3
    }

    .md\:focus\:placeholder-pink-500:focus::-webkit-input-placeholder {
        color: #ed64a6
    }

    .md\:focus\:placeholder-pink-500:focus:-ms-input-placeholder {
        color: #ed64a6
    }

    .md\:focus\:placeholder-pink-500:focus::-ms-input-placeholder {
        color: #ed64a6
    }

    .md\:focus\:placeholder-pink-500:focus::placeholder {
        color: #ed64a6
    }

    .md\:focus\:placeholder-pink-600:focus::-webkit-input-placeholder {
        color: #d53f8c
    }

    .md\:focus\:placeholder-pink-600:focus:-ms-input-placeholder {
        color: #d53f8c
    }

    .md\:focus\:placeholder-pink-600:focus::-ms-input-placeholder {
        color: #d53f8c
    }

    .md\:focus\:placeholder-pink-600:focus::placeholder {
        color: #d53f8c
    }

    .md\:focus\:placeholder-pink-700:focus::-webkit-input-placeholder {
        color: #b83280
    }

    .md\:focus\:placeholder-pink-700:focus:-ms-input-placeholder {
        color: #b83280
    }

    .md\:focus\:placeholder-pink-700:focus::-ms-input-placeholder {
        color: #b83280
    }

    .md\:focus\:placeholder-pink-700:focus::placeholder {
        color: #b83280
    }

    .md\:focus\:placeholder-pink-800:focus::-webkit-input-placeholder {
        color: #97266d
    }

    .md\:focus\:placeholder-pink-800:focus:-ms-input-placeholder {
        color: #97266d
    }

    .md\:focus\:placeholder-pink-800:focus::-ms-input-placeholder {
        color: #97266d
    }

    .md\:focus\:placeholder-pink-800:focus::placeholder {
        color: #97266d
    }

    .md\:focus\:placeholder-pink-900:focus::-webkit-input-placeholder {
        color: #702459
    }

    .md\:focus\:placeholder-pink-900:focus:-ms-input-placeholder {
        color: #702459
    }

    .md\:focus\:placeholder-pink-900:focus::-ms-input-placeholder {
        color: #702459
    }

    .md\:focus\:placeholder-pink-900:focus::placeholder {
        color: #702459
    }

    .md\:text-pink-100 {
        color: #fff5f7
    }

    .md\:text-pink-200 {
        color: #fed7e2
    }

    .md\:text-pink-300 {
        color: #fbb6ce
    }

    .md\:text-pink-400 {
        color: #f687b3
    }

    .md\:text-pink-500 {
        color: #ed64a6
    }

    .md\:text-pink-600 {
        color: #d53f8c
    }

    .md\:text-pink-700 {
        color: #b83280
    }

    .md\:text-pink-800 {
        color: #97266d
    }

    .md\:text-pink-900 {
        color: #702459
    }

    .md\:hover\:text-pink-100:hover {
        color: #fff5f7
    }

    .md\:hover\:text-pink-200:hover {
        color: #fed7e2
    }

    .md\:hover\:text-pink-300:hover {
        color: #fbb6ce
    }

    .md\:hover\:text-pink-400:hover {
        color: #f687b3
    }

    .md\:hover\:text-pink-500:hover {
        color: #ed64a6
    }

    .md\:hover\:text-pink-600:hover {
        color: #d53f8c
    }

    .md\:hover\:text-pink-700:hover {
        color: #b83280
    }

    .md\:hover\:text-pink-800:hover {
        color: #97266d
    }

    .md\:hover\:text-pink-900:hover {
        color: #702459
    }

    .md\:focus\:text-pink-100:focus {
        color: #fff5f7
    }

    .md\:focus\:text-pink-200:focus {
        color: #fed7e2
    }

    .md\:focus\:text-pink-300:focus {
        color: #fbb6ce
    }

    .md\:focus\:text-pink-400:focus {
        color: #f687b3
    }

    .md\:focus\:text-pink-500:focus {
        color: #ed64a6
    }

    .md\:focus\:text-pink-600:focus {
        color: #d53f8c
    }

    .md\:focus\:text-pink-700:focus {
        color: #b83280
    }

    .md\:focus\:text-pink-800:focus {
        color: #97266d
    }

    .md\:focus\:text-pink-900:focus {
        color: #702459
    }

    .md\:text-3xl {
        font-size: 1.875rem
    }

    .md\:break-normal {
        overflow-wrap: normal;
        word-break: normal
    }

    .md\:break-words {
        overflow-wrap: break-word
    }

    .md\:break-all {
        word-break: break-all
    }

    .md\:w-1\/2 {
        width: 50%
    }

    .md\:w-1\/3 {
        width: 33.33333%
    }

    .md\:w-2\/3 {
        width: 66.66667%
    }
}

@media (min-width:1024px) {
    .lg\:bg-pink-100 {
        background-color: #fff5f7
    }

    .lg\:bg-pink-200 {
        background-color: #fed7e2
    }

    .lg\:bg-pink-300 {
        background-color: #fbb6ce
    }

    .lg\:bg-pink-400 {
        background-color: #f687b3
    }

    .lg\:bg-pink-500 {
        background-color: #ed64a6
    }

    .lg\:bg-pink-600 {
        background-color: #d53f8c
    }

    .lg\:bg-pink-700 {
        background-color: #b83280
    }

    .lg\:bg-pink-800 {
        background-color: #97266d
    }

    .lg\:bg-pink-900 {
        background-color: #702459
    }

    .lg\:hover\:bg-pink-100:hover {
        background-color: #fff5f7
    }

    .lg\:hover\:bg-pink-200:hover {
        background-color: #fed7e2
    }

    .lg\:hover\:bg-pink-300:hover {
        background-color: #fbb6ce
    }

    .lg\:hover\:bg-pink-400:hover {
        background-color: #f687b3
    }

    .lg\:hover\:bg-pink-500:hover {
        background-color: #ed64a6
    }

    .lg\:hover\:bg-pink-600:hover {
        background-color: #d53f8c
    }

    .lg\:hover\:bg-pink-700:hover {
        background-color: #b83280
    }

    .lg\:hover\:bg-pink-800:hover {
        background-color: #97266d
    }

    .lg\:hover\:bg-pink-900:hover {
        background-color: #702459
    }

    .lg\:focus\:bg-pink-100:focus {
        background-color: #fff5f7
    }

    .lg\:focus\:bg-pink-200:focus {
        background-color: #fed7e2
    }

    .lg\:focus\:bg-pink-300:focus {
        background-color: #fbb6ce
    }

    .lg\:focus\:bg-pink-400:focus {
        background-color: #f687b3
    }

    .lg\:focus\:bg-pink-500:focus {
        background-color: #ed64a6
    }

    .lg\:focus\:bg-pink-600:focus {
        background-color: #d53f8c
    }

    .lg\:focus\:bg-pink-700:focus {
        background-color: #b83280
    }

    .lg\:focus\:bg-pink-800:focus {
        background-color: #97266d
    }

    .lg\:focus\:bg-pink-900:focus {
        background-color: #702459
    }

    .lg\:first\:bg-pink-100:first-child {
        background-color: #fff5f7
    }

    .lg\:first\:bg-pink-200:first-child {
        background-color: #fed7e2
    }

    .lg\:first\:bg-pink-300:first-child {
        background-color: #fbb6ce
    }

    .lg\:first\:bg-pink-400:first-child {
        background-color: #f687b3
    }

    .lg\:first\:bg-pink-500:first-child {
        background-color: #ed64a6
    }

    .lg\:first\:bg-pink-600:first-child {
        background-color: #d53f8c
    }

    .lg\:first\:bg-pink-700:first-child {
        background-color: #b83280
    }

    .lg\:first\:bg-pink-800:first-child {
        background-color: #97266d
    }

    .lg\:first\:bg-pink-900:first-child {
        background-color: #702459
    }

    .lg\:last\:bg-pink-100:last-child {
        background-color: #fff5f7
    }

    .lg\:last\:bg-pink-200:last-child {
        background-color: #fed7e2
    }

    .lg\:last\:bg-pink-300:last-child {
        background-color: #fbb6ce
    }

    .lg\:last\:bg-pink-400:last-child {
        background-color: #f687b3
    }

    .lg\:last\:bg-pink-500:last-child {
        background-color: #ed64a6
    }

    .lg\:last\:bg-pink-600:last-child {
        background-color: #d53f8c
    }

    .lg\:last\:bg-pink-700:last-child {
        background-color: #b83280
    }

    .lg\:last\:bg-pink-800:last-child {
        background-color: #97266d
    }

    .lg\:last\:bg-pink-900:last-child {
        background-color: #702459
    }

    .lg\:even\:bg-pink-100:nth-child(2n) {
        background-color: #fff5f7
    }

    .lg\:even\:bg-pink-200:nth-child(2n) {
        background-color: #fed7e2
    }

    .lg\:even\:bg-pink-300:nth-child(2n) {
        background-color: #fbb6ce
    }

    .lg\:even\:bg-pink-400:nth-child(2n) {
        background-color: #f687b3
    }

    .lg\:even\:bg-pink-500:nth-child(2n) {
        background-color: #ed64a6
    }

    .lg\:even\:bg-pink-600:nth-child(2n) {
        background-color: #d53f8c
    }

    .lg\:even\:bg-pink-700:nth-child(2n) {
        background-color: #b83280
    }

    .lg\:even\:bg-pink-800:nth-child(2n) {
        background-color: #97266d
    }

    .lg\:even\:bg-pink-900:nth-child(2n) {
        background-color: #702459
    }

    .lg\:odd\:bg-pink-100:nth-child(odd) {
        background-color: #fff5f7
    }

    .lg\:odd\:bg-pink-200:nth-child(odd) {
        background-color: #fed7e2
    }

    .lg\:odd\:bg-pink-300:nth-child(odd) {
        background-color: #fbb6ce
    }

    .lg\:odd\:bg-pink-400:nth-child(odd) {
        background-color: #f687b3
    }

    .lg\:odd\:bg-pink-500:nth-child(odd) {
        background-color: #ed64a6
    }

    .lg\:odd\:bg-pink-600:nth-child(odd) {
        background-color: #d53f8c
    }

    .lg\:odd\:bg-pink-700:nth-child(odd) {
        background-color: #b83280
    }

    .lg\:odd\:bg-pink-800:nth-child(odd) {
        background-color: #97266d
    }

    .lg\:odd\:bg-pink-900:nth-child(odd) {
        background-color: #702459
    }

    .lg\:border-pink-100 {
        border-color: #fff5f7
    }

    .lg\:border-pink-200 {
        border-color: #fed7e2
    }

    .lg\:border-pink-300 {
        border-color: #fbb6ce
    }

    .lg\:border-pink-400 {
        border-color: #f687b3
    }

    .lg\:border-pink-500 {
        border-color: #ed64a6
    }

    .lg\:border-pink-600 {
        border-color: #d53f8c
    }

    .lg\:border-pink-700 {
        border-color: #b83280
    }

    .lg\:border-pink-800 {
        border-color: #97266d
    }

    .lg\:border-pink-900 {
        border-color: #702459
    }

    .lg\:hover\:border-pink-100:hover {
        border-color: #fff5f7
    }

    .lg\:hover\:border-pink-200:hover {
        border-color: #fed7e2
    }

    .lg\:hover\:border-pink-300:hover {
        border-color: #fbb6ce
    }

    .lg\:hover\:border-pink-400:hover {
        border-color: #f687b3
    }

    .lg\:hover\:border-pink-500:hover {
        border-color: #ed64a6
    }

    .lg\:hover\:border-pink-600:hover {
        border-color: #d53f8c
    }

    .lg\:hover\:border-pink-700:hover {
        border-color: #b83280
    }

    .lg\:hover\:border-pink-800:hover {
        border-color: #97266d
    }

    .lg\:hover\:border-pink-900:hover {
        border-color: #702459
    }

    .lg\:focus\:border-pink-100:focus {
        border-color: #fff5f7
    }

    .lg\:focus\:border-pink-200:focus {
        border-color: #fed7e2
    }

    .lg\:focus\:border-pink-300:focus {
        border-color: #fbb6ce
    }

    .lg\:focus\:border-pink-400:focus {
        border-color: #f687b3
    }

    .lg\:focus\:border-pink-500:focus {
        border-color: #ed64a6
    }

    .lg\:focus\:border-pink-600:focus {
        border-color: #d53f8c
    }

    .lg\:focus\:border-pink-700:focus {
        border-color: #b83280
    }

    .lg\:focus\:border-pink-800:focus {
        border-color: #97266d
    }

    .lg\:focus\:border-pink-900:focus {
        border-color: #702459
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:hidden {
        display: none
    }

    .lg\:flex-shrink-0 {
        flex-shrink: 0
    }

    .lg\:mt-0 {
        margin-top: 0
    }

    .lg\:pl-16 {
        padding-left: 4rem
    }

    .lg\:lp-16 {
        padding-right: 4rem
    }

    .lg\:placeholder-pink-100::-webkit-input-placeholder {
        color: #fff5f7
    }

    .lg\:placeholder-pink-100:-ms-input-placeholder {
        color: #fff5f7
    }

    .lg\:placeholder-pink-100::-ms-input-placeholder {
        color: #fff5f7
    }

    .lg\:placeholder-pink-100::placeholder {
        color: #fff5f7
    }

    .lg\:placeholder-pink-200::-webkit-input-placeholder {
        color: #fed7e2
    }

    .lg\:placeholder-pink-200:-ms-input-placeholder {
        color: #fed7e2
    }

    .lg\:placeholder-pink-200::-ms-input-placeholder {
        color: #fed7e2
    }

    .lg\:placeholder-pink-200::placeholder {
        color: #fed7e2
    }

    .lg\:placeholder-pink-300::-webkit-input-placeholder {
        color: #fbb6ce
    }

    .lg\:placeholder-pink-300:-ms-input-placeholder {
        color: #fbb6ce
    }

    .lg\:placeholder-pink-300::-ms-input-placeholder {
        color: #fbb6ce
    }

    .lg\:placeholder-pink-300::placeholder {
        color: #fbb6ce
    }

    .lg\:placeholder-pink-400::-webkit-input-placeholder {
        color: #f687b3
    }

    .lg\:placeholder-pink-400:-ms-input-placeholder {
        color: #f687b3
    }

    .lg\:placeholder-pink-400::-ms-input-placeholder {
        color: #f687b3
    }

    .lg\:placeholder-pink-400::placeholder {
        color: #f687b3
    }

    .lg\:placeholder-pink-500::-webkit-input-placeholder {
        color: #ed64a6
    }

    .lg\:placeholder-pink-500:-ms-input-placeholder {
        color: #ed64a6
    }

    .lg\:placeholder-pink-500::-ms-input-placeholder {
        color: #ed64a6
    }

    .lg\:placeholder-pink-500::placeholder {
        color: #ed64a6
    }

    .lg\:placeholder-pink-600::-webkit-input-placeholder {
        color: #d53f8c
    }

    .lg\:placeholder-pink-600:-ms-input-placeholder {
        color: #d53f8c
    }

    .lg\:placeholder-pink-600::-ms-input-placeholder {
        color: #d53f8c
    }

    .lg\:placeholder-pink-600::placeholder {
        color: #d53f8c
    }

    .lg\:placeholder-pink-700::-webkit-input-placeholder {
        color: #b83280
    }

    .lg\:placeholder-pink-700:-ms-input-placeholder {
        color: #b83280
    }

    .lg\:placeholder-pink-700::-ms-input-placeholder {
        color: #b83280
    }

    .lg\:placeholder-pink-700::placeholder {
        color: #b83280
    }

    .lg\:placeholder-pink-800::-webkit-input-placeholder {
        color: #97266d
    }

    .lg\:placeholder-pink-800:-ms-input-placeholder {
        color: #97266d
    }

    .lg\:placeholder-pink-800::-ms-input-placeholder {
        color: #97266d
    }

    .lg\:placeholder-pink-800::placeholder {
        color: #97266d
    }

    .lg\:placeholder-pink-900::-webkit-input-placeholder {
        color: #702459
    }

    .lg\:placeholder-pink-900:-ms-input-placeholder {
        color: #702459
    }

    .lg\:placeholder-pink-900::-ms-input-placeholder {
        color: #702459
    }

    .lg\:placeholder-pink-900::placeholder {
        color: #702459
    }

    .lg\:focus\:placeholder-pink-100:focus::-webkit-input-placeholder {
        color: #fff5f7
    }

    .lg\:focus\:placeholder-pink-100:focus:-ms-input-placeholder {
        color: #fff5f7
    }

    .lg\:focus\:placeholder-pink-100:focus::-ms-input-placeholder {
        color: #fff5f7
    }

    .lg\:focus\:placeholder-pink-100:focus::placeholder {
        color: #fff5f7
    }

    .lg\:focus\:placeholder-pink-200:focus::-webkit-input-placeholder {
        color: #fed7e2
    }

    .lg\:focus\:placeholder-pink-200:focus:-ms-input-placeholder {
        color: #fed7e2
    }

    .lg\:focus\:placeholder-pink-200:focus::-ms-input-placeholder {
        color: #fed7e2
    }

    .lg\:focus\:placeholder-pink-200:focus::placeholder {
        color: #fed7e2
    }

    .lg\:focus\:placeholder-pink-300:focus::-webkit-input-placeholder {
        color: #fbb6ce
    }

    .lg\:focus\:placeholder-pink-300:focus:-ms-input-placeholder {
        color: #fbb6ce
    }

    .lg\:focus\:placeholder-pink-300:focus::-ms-input-placeholder {
        color: #fbb6ce
    }

    .lg\:focus\:placeholder-pink-300:focus::placeholder {
        color: #fbb6ce
    }

    .lg\:focus\:placeholder-pink-400:focus::-webkit-input-placeholder {
        color: #f687b3
    }

    .lg\:focus\:placeholder-pink-400:focus:-ms-input-placeholder {
        color: #f687b3
    }

    .lg\:focus\:placeholder-pink-400:focus::-ms-input-placeholder {
        color: #f687b3
    }

    .lg\:focus\:placeholder-pink-400:focus::placeholder {
        color: #f687b3
    }

    .lg\:focus\:placeholder-pink-500:focus::-webkit-input-placeholder {
        color: #ed64a6
    }

    .lg\:focus\:placeholder-pink-500:focus:-ms-input-placeholder {
        color: #ed64a6
    }

    .lg\:focus\:placeholder-pink-500:focus::-ms-input-placeholder {
        color: #ed64a6
    }

    .lg\:focus\:placeholder-pink-500:focus::placeholder {
        color: #ed64a6
    }

    .lg\:focus\:placeholder-pink-600:focus::-webkit-input-placeholder {
        color: #d53f8c
    }

    .lg\:focus\:placeholder-pink-600:focus:-ms-input-placeholder {
        color: #d53f8c
    }

    .lg\:focus\:placeholder-pink-600:focus::-ms-input-placeholder {
        color: #d53f8c
    }

    .lg\:focus\:placeholder-pink-600:focus::placeholder {
        color: #d53f8c
    }

    .lg\:focus\:placeholder-pink-700:focus::-webkit-input-placeholder {
        color: #b83280
    }

    .lg\:focus\:placeholder-pink-700:focus:-ms-input-placeholder {
        color: #b83280
    }

    .lg\:focus\:placeholder-pink-700:focus::-ms-input-placeholder {
        color: #b83280
    }

    .lg\:focus\:placeholder-pink-700:focus::placeholder {
        color: #b83280
    }

    .lg\:focus\:placeholder-pink-800:focus::-webkit-input-placeholder {
        color: #97266d
    }

    .lg\:focus\:placeholder-pink-800:focus:-ms-input-placeholder {
        color: #97266d
    }

    .lg\:focus\:placeholder-pink-800:focus::-ms-input-placeholder {
        color: #97266d
    }

    .lg\:focus\:placeholder-pink-800:focus::placeholder {
        color: #97266d
    }

    .lg\:focus\:placeholder-pink-900:focus::-webkit-input-placeholder {
        color: #702459
    }

    .lg\:focus\:placeholder-pink-900:focus:-ms-input-placeholder {
        color: #702459
    }

    .lg\:focus\:placeholder-pink-900:focus::-ms-input-placeholder {
        color: #702459
    }

    .lg\:focus\:placeholder-pink-900:focus::placeholder {
        color: #702459
    }

    .lg\:absolute {
        position: absolute
    }

    .lg\:relative {
        position: relative
    }

    .lg\:text-pink-100 {
        color: #fff5f7
    }

    .lg\:text-pink-200 {
        color: #fed7e2
    }

    .lg\:text-pink-300 {
        color: #fbb6ce
    }

    .lg\:text-pink-400 {
        color: #f687b3
    }

    .lg\:text-pink-500 {
        color: #ed64a6
    }

    .lg\:text-pink-600 {
        color: #d53f8c
    }

    .lg\:text-pink-700 {
        color: #b83280
    }

    .lg\:text-pink-800 {
        color: #97266d
    }

    .lg\:text-pink-900 {
        color: #702459
    }

    .lg\:hover\:text-pink-100:hover {
        color: #fff5f7
    }

    .lg\:hover\:text-pink-200:hover {
        color: #fed7e2
    }

    .lg\:hover\:text-pink-300:hover {
        color: #fbb6ce
    }

    .lg\:hover\:text-pink-400:hover {
        color: #f687b3
    }

    .lg\:hover\:text-pink-500:hover {
        color: #ed64a6
    }

    .lg\:hover\:text-pink-600:hover {
        color: #d53f8c
    }

    .lg\:hover\:text-pink-700:hover {
        color: #b83280
    }

    .lg\:hover\:text-pink-800:hover {
        color: #97266d
    }

    .lg\:hover\:text-pink-900:hover {
        color: #702459
    }

    .lg\:focus\:text-pink-100:focus {
        color: #fff5f7
    }

    .lg\:focus\:text-pink-200:focus {
        color: #fed7e2
    }

    .lg\:focus\:text-pink-300:focus {
        color: #fbb6ce
    }

    .lg\:focus\:text-pink-400:focus {
        color: #f687b3
    }

    .lg\:focus\:text-pink-500:focus {
        color: #ed64a6
    }

    .lg\:focus\:text-pink-600:focus {
        color: #d53f8c
    }

    .lg\:focus\:text-pink-700:focus {
        color: #b83280
    }

    .lg\:focus\:text-pink-800:focus {
        color: #97266d
    }

    .lg\:focus\:text-pink-900:focus {
        color: #702459
    }

    .lg\:break-normal {
        overflow-wrap: normal;
        word-break: normal
    }

    .lg\:break-words {
        overflow-wrap: break-word
    }

    .lg\:break-all {
        word-break: break-all
    }

    .lg\:w-1\/2 {
        width: 50%
    }

    .lg\:w-1\/4 {
        width: 25%
    }

    .lg\:w-3\/4 {
        width: 75%
    }

    .lg\:w-1\/6 {
        width: 16.66667%
    }

    .lg\:w-5\/6 {
        width: 83.33333%
    }
}

@media (min-width:1280px) {
    .xl\:bg-pink-100 {
        background-color: #fff5f7
    }

    .xl\:bg-pink-200 {
        background-color: #fed7e2
    }

    .xl\:bg-pink-300 {
        background-color: #fbb6ce
    }

    .xl\:bg-pink-400 {
        background-color: #f687b3
    }

    .xl\:bg-pink-500 {
        background-color: #ed64a6
    }

    .xl\:bg-pink-600 {
        background-color: #d53f8c
    }

    .xl\:bg-pink-700 {
        background-color: #b83280
    }

    .xl\:bg-pink-800 {
        background-color: #97266d
    }

    .xl\:bg-pink-900 {
        background-color: #702459
    }

    .xl\:hover\:bg-pink-100:hover {
        background-color: #fff5f7
    }

    .xl\:hover\:bg-pink-200:hover {
        background-color: #fed7e2
    }

    .xl\:hover\:bg-pink-300:hover {
        background-color: #fbb6ce
    }

    .xl\:hover\:bg-pink-400:hover {
        background-color: #f687b3
    }

    .xl\:hover\:bg-pink-500:hover {
        background-color: #ed64a6
    }

    .xl\:hover\:bg-pink-600:hover {
        background-color: #d53f8c
    }

    .xl\:hover\:bg-pink-700:hover {
        background-color: #b83280
    }

    .xl\:hover\:bg-pink-800:hover {
        background-color: #97266d
    }

    .xl\:hover\:bg-pink-900:hover {
        background-color: #702459
    }

    .xl\:focus\:bg-pink-100:focus {
        background-color: #fff5f7
    }

    .xl\:focus\:bg-pink-200:focus {
        background-color: #fed7e2
    }

    .xl\:focus\:bg-pink-300:focus {
        background-color: #fbb6ce
    }

    .xl\:focus\:bg-pink-400:focus {
        background-color: #f687b3
    }

    .xl\:focus\:bg-pink-500:focus {
        background-color: #ed64a6
    }

    .xl\:focus\:bg-pink-600:focus {
        background-color: #d53f8c
    }

    .xl\:focus\:bg-pink-700:focus {
        background-color: #b83280
    }

    .xl\:focus\:bg-pink-800:focus {
        background-color: #97266d
    }

    .xl\:focus\:bg-pink-900:focus {
        background-color: #702459
    }

    .xl\:first\:bg-pink-100:first-child {
        background-color: #fff5f7
    }

    .xl\:first\:bg-pink-200:first-child {
        background-color: #fed7e2
    }

    .xl\:first\:bg-pink-300:first-child {
        background-color: #fbb6ce
    }

    .xl\:first\:bg-pink-400:first-child {
        background-color: #f687b3
    }

    .xl\:first\:bg-pink-500:first-child {
        background-color: #ed64a6
    }

    .xl\:first\:bg-pink-600:first-child {
        background-color: #d53f8c
    }

    .xl\:first\:bg-pink-700:first-child {
        background-color: #b83280
    }

    .xl\:first\:bg-pink-800:first-child {
        background-color: #97266d
    }

    .xl\:first\:bg-pink-900:first-child {
        background-color: #702459
    }

    .xl\:last\:bg-pink-100:last-child {
        background-color: #fff5f7
    }

    .xl\:last\:bg-pink-200:last-child {
        background-color: #fed7e2
    }

    .xl\:last\:bg-pink-300:last-child {
        background-color: #fbb6ce
    }

    .xl\:last\:bg-pink-400:last-child {
        background-color: #f687b3
    }

    .xl\:last\:bg-pink-500:last-child {
        background-color: #ed64a6
    }

    .xl\:last\:bg-pink-600:last-child {
        background-color: #d53f8c
    }

    .xl\:last\:bg-pink-700:last-child {
        background-color: #b83280
    }

    .xl\:last\:bg-pink-800:last-child {
        background-color: #97266d
    }

    .xl\:last\:bg-pink-900:last-child {
        background-color: #702459
    }

    .xl\:even\:bg-pink-100:nth-child(2n) {
        background-color: #fff5f7
    }

    .xl\:even\:bg-pink-200:nth-child(2n) {
        background-color: #fed7e2
    }

    .xl\:even\:bg-pink-300:nth-child(2n) {
        background-color: #fbb6ce
    }

    .xl\:even\:bg-pink-400:nth-child(2n) {
        background-color: #f687b3
    }

    .xl\:even\:bg-pink-500:nth-child(2n) {
        background-color: #ed64a6
    }

    .xl\:even\:bg-pink-600:nth-child(2n) {
        background-color: #d53f8c
    }

    .xl\:even\:bg-pink-700:nth-child(2n) {
        background-color: #b83280
    }

    .xl\:even\:bg-pink-800:nth-child(2n) {
        background-color: #97266d
    }

    .xl\:even\:bg-pink-900:nth-child(2n) {
        background-color: #702459
    }

    .xl\:odd\:bg-pink-100:nth-child(odd) {
        background-color: #fff5f7
    }

    .xl\:odd\:bg-pink-200:nth-child(odd) {
        background-color: #fed7e2
    }

    .xl\:odd\:bg-pink-300:nth-child(odd) {
        background-color: #fbb6ce
    }

    .xl\:odd\:bg-pink-400:nth-child(odd) {
        background-color: #f687b3
    }

    .xl\:odd\:bg-pink-500:nth-child(odd) {
        background-color: #ed64a6
    }

    .xl\:odd\:bg-pink-600:nth-child(odd) {
        background-color: #d53f8c
    }

    .xl\:odd\:bg-pink-700:nth-child(odd) {
        background-color: #b83280
    }

    .xl\:odd\:bg-pink-800:nth-child(odd) {
        background-color: #97266d
    }

    .xl\:odd\:bg-pink-900:nth-child(odd) {
        background-color: #702459
    }

    .xl\:border-pink-100 {
        border-color: #fff5f7
    }

    .xl\:border-pink-200 {
        border-color: #fed7e2
    }

    .xl\:border-pink-300 {
        border-color: #fbb6ce
    }

    .xl\:border-pink-400 {
        border-color: #f687b3
    }

    .xl\:border-pink-500 {
        border-color: #ed64a6
    }

    .xl\:border-pink-600 {
        border-color: #d53f8c
    }

    .xl\:border-pink-700 {
        border-color: #b83280
    }

    .xl\:border-pink-800 {
        border-color: #97266d
    }

    .xl\:border-pink-900 {
        border-color: #702459
    }

    .xl\:hover\:border-pink-100:hover {
        border-color: #fff5f7
    }

    .xl\:hover\:border-pink-200:hover {
        border-color: #fed7e2
    }

    .xl\:hover\:border-pink-300:hover {
        border-color: #fbb6ce
    }

    .xl\:hover\:border-pink-400:hover {
        border-color: #f687b3
    }

    .xl\:hover\:border-pink-500:hover {
        border-color: #ed64a6
    }

    .xl\:hover\:border-pink-600:hover {
        border-color: #d53f8c
    }

    .xl\:hover\:border-pink-700:hover {
        border-color: #b83280
    }

    .xl\:hover\:border-pink-800:hover {
        border-color: #97266d
    }

    .xl\:hover\:border-pink-900:hover {
        border-color: #702459
    }

    .xl\:focus\:border-pink-100:focus {
        border-color: #fff5f7
    }

    .xl\:focus\:border-pink-200:focus {
        border-color: #fed7e2
    }

    .xl\:focus\:border-pink-300:focus {
        border-color: #fbb6ce
    }

    .xl\:focus\:border-pink-400:focus {
        border-color: #f687b3
    }

    .xl\:focus\:border-pink-500:focus {
        border-color: #ed64a6
    }

    .xl\:focus\:border-pink-600:focus {
        border-color: #d53f8c
    }

    .xl\:focus\:border-pink-700:focus {
        border-color: #b83280
    }

    .xl\:focus\:border-pink-800:focus {
        border-color: #97266d
    }

    .xl\:focus\:border-pink-900:focus {
        border-color: #702459
    }

    .xl\:border-none {
        border-style: none
    }

    .xl\:flex {
        display: flex
    }

    .xl\:justify-start {
        justify-content: flex-start
    }

    .xl\:justify-between {
        justify-content: space-between
    }

    .xl\:flex-shrink-0 {
        flex-shrink: 0
    }

    .xl\:mb-0 {
        margin-bottom: 0
    }

    .xl\:pb-0 {
        padding-bottom: 0
    }

    .xl\:pl-0 {
        padding-left: 0
    }

    .xl\:placeholder-pink-100::-webkit-input-placeholder {
        color: #fff5f7
    }

    .xl\:placeholder-pink-100:-ms-input-placeholder {
        color: #fff5f7
    }

    .xl\:placeholder-pink-100::-ms-input-placeholder {
        color: #fff5f7
    }

    .xl\:placeholder-pink-100::placeholder {
        color: #fff5f7
    }

    .xl\:placeholder-pink-200::-webkit-input-placeholder {
        color: #fed7e2
    }

    .xl\:placeholder-pink-200:-ms-input-placeholder {
        color: #fed7e2
    }

    .xl\:placeholder-pink-200::-ms-input-placeholder {
        color: #fed7e2
    }

    .xl\:placeholder-pink-200::placeholder {
        color: #fed7e2
    }

    .xl\:placeholder-pink-300::-webkit-input-placeholder {
        color: #fbb6ce
    }

    .xl\:placeholder-pink-300:-ms-input-placeholder {
        color: #fbb6ce
    }

    .xl\:placeholder-pink-300::-ms-input-placeholder {
        color: #fbb6ce
    }

    .xl\:placeholder-pink-300::placeholder {
        color: #fbb6ce
    }

    .xl\:placeholder-pink-400::-webkit-input-placeholder {
        color: #f687b3
    }

    .xl\:placeholder-pink-400:-ms-input-placeholder {
        color: #f687b3
    }

    .xl\:placeholder-pink-400::-ms-input-placeholder {
        color: #f687b3
    }

    .xl\:placeholder-pink-400::placeholder {
        color: #f687b3
    }

    .xl\:placeholder-pink-500::-webkit-input-placeholder {
        color: #ed64a6
    }

    .xl\:placeholder-pink-500:-ms-input-placeholder {
        color: #ed64a6
    }

    .xl\:placeholder-pink-500::-ms-input-placeholder {
        color: #ed64a6
    }

    .xl\:placeholder-pink-500::placeholder {
        color: #ed64a6
    }

    .xl\:placeholder-pink-600::-webkit-input-placeholder {
        color: #d53f8c
    }

    .xl\:placeholder-pink-600:-ms-input-placeholder {
        color: #d53f8c
    }

    .xl\:placeholder-pink-600::-ms-input-placeholder {
        color: #d53f8c
    }

    .xl\:placeholder-pink-600::placeholder {
        color: #d53f8c
    }

    .xl\:placeholder-pink-700::-webkit-input-placeholder {
        color: #b83280
    }

    .xl\:placeholder-pink-700:-ms-input-placeholder {
        color: #b83280
    }

    .xl\:placeholder-pink-700::-ms-input-placeholder {
        color: #b83280
    }

    .xl\:placeholder-pink-700::placeholder {
        color: #b83280
    }

    .xl\:placeholder-pink-800::-webkit-input-placeholder {
        color: #97266d
    }

    .xl\:placeholder-pink-800:-ms-input-placeholder {
        color: #97266d
    }

    .xl\:placeholder-pink-800::-ms-input-placeholder {
        color: #97266d
    }

    .xl\:placeholder-pink-800::placeholder {
        color: #97266d
    }

    .xl\:placeholder-pink-900::-webkit-input-placeholder {
        color: #702459
    }

    .xl\:placeholder-pink-900:-ms-input-placeholder {
        color: #702459
    }

    .xl\:placeholder-pink-900::-ms-input-placeholder {
        color: #702459
    }

    .xl\:placeholder-pink-900::placeholder {
        color: #702459
    }

    .xl\:focus\:placeholder-pink-100:focus::-webkit-input-placeholder {
        color: #fff5f7
    }

    .xl\:focus\:placeholder-pink-100:focus:-ms-input-placeholder {
        color: #fff5f7
    }

    .xl\:focus\:placeholder-pink-100:focus::-ms-input-placeholder {
        color: #fff5f7
    }

    .xl\:focus\:placeholder-pink-100:focus::placeholder {
        color: #fff5f7
    }

    .xl\:focus\:placeholder-pink-200:focus::-webkit-input-placeholder {
        color: #fed7e2
    }

    .xl\:focus\:placeholder-pink-200:focus:-ms-input-placeholder {
        color: #fed7e2
    }

    .xl\:focus\:placeholder-pink-200:focus::-ms-input-placeholder {
        color: #fed7e2
    }

    .xl\:focus\:placeholder-pink-200:focus::placeholder {
        color: #fed7e2
    }

    .xl\:focus\:placeholder-pink-300:focus::-webkit-input-placeholder {
        color: #fbb6ce
    }

    .xl\:focus\:placeholder-pink-300:focus:-ms-input-placeholder {
        color: #fbb6ce
    }

    .xl\:focus\:placeholder-pink-300:focus::-ms-input-placeholder {
        color: #fbb6ce
    }

    .xl\:focus\:placeholder-pink-300:focus::placeholder {
        color: #fbb6ce
    }

    .xl\:focus\:placeholder-pink-400:focus::-webkit-input-placeholder {
        color: #f687b3
    }

    .xl\:focus\:placeholder-pink-400:focus:-ms-input-placeholder {
        color: #f687b3
    }

    .xl\:focus\:placeholder-pink-400:focus::-ms-input-placeholder {
        color: #f687b3
    }

    .xl\:focus\:placeholder-pink-400:focus::placeholder {
        color: #f687b3
    }

    .xl\:focus\:placeholder-pink-500:focus::-webkit-input-placeholder {
        color: #ed64a6
    }

    .xl\:focus\:placeholder-pink-500:focus:-ms-input-placeholder {
        color: #ed64a6
    }

    .xl\:focus\:placeholder-pink-500:focus::-ms-input-placeholder {
        color: #ed64a6
    }

    .xl\:focus\:placeholder-pink-500:focus::placeholder {
        color: #ed64a6
    }

    .xl\:focus\:placeholder-pink-600:focus::-webkit-input-placeholder {
        color: #d53f8c
    }

    .xl\:focus\:placeholder-pink-600:focus:-ms-input-placeholder {
        color: #d53f8c
    }

    .xl\:focus\:placeholder-pink-600:focus::-ms-input-placeholder {
        color: #d53f8c
    }

    .xl\:focus\:placeholder-pink-600:focus::placeholder {
        color: #d53f8c
    }

    .xl\:focus\:placeholder-pink-700:focus::-webkit-input-placeholder {
        color: #b83280
    }

    .xl\:focus\:placeholder-pink-700:focus:-ms-input-placeholder {
        color: #b83280
    }

    .xl\:focus\:placeholder-pink-700:focus::-ms-input-placeholder {
        color: #b83280
    }

    .xl\:focus\:placeholder-pink-700:focus::placeholder {
        color: #b83280
    }

    .xl\:focus\:placeholder-pink-800:focus::-webkit-input-placeholder {
        color: #97266d
    }

    .xl\:focus\:placeholder-pink-800:focus:-ms-input-placeholder {
        color: #97266d
    }

    .xl\:focus\:placeholder-pink-800:focus::-ms-input-placeholder {
        color: #97266d
    }

    .xl\:focus\:placeholder-pink-800:focus::placeholder {
        color: #97266d
    }

    .xl\:focus\:placeholder-pink-900:focus::-webkit-input-placeholder {
        color: #702459
    }

    .xl\:focus\:placeholder-pink-900:focus:-ms-input-placeholder {
        color: #702459
    }

    .xl\:focus\:placeholder-pink-900:focus::-ms-input-placeholder {
        color: #702459
    }

    .xl\:focus\:placeholder-pink-900:focus::placeholder {
        color: #702459
    }

    .xl\:text-right {
        text-align: right
    }

    .xl\:text-pink-100 {
        color: #fff5f7
    }

    .xl\:text-pink-200 {
        color: #fed7e2
    }

    .xl\:text-pink-300 {
        color: #fbb6ce
    }

    .xl\:text-pink-400 {
        color: #f687b3
    }

    .xl\:text-pink-500 {
        color: #ed64a6
    }

    .xl\:text-pink-600 {
        color: #d53f8c
    }

    .xl\:text-pink-700 {
        color: #b83280
    }

    .xl\:text-pink-800 {
        color: #97266d
    }

    .xl\:text-pink-900 {
        color: #702459
    }

    .xl\:hover\:text-pink-100:hover {
        color: #fff5f7
    }

    .xl\:hover\:text-pink-200:hover {
        color: #fed7e2
    }

    .xl\:hover\:text-pink-300:hover {
        color: #fbb6ce
    }

    .xl\:hover\:text-pink-400:hover {
        color: #f687b3
    }

    .xl\:hover\:text-pink-500:hover {
        color: #ed64a6
    }

    .xl\:hover\:text-pink-600:hover {
        color: #d53f8c
    }

    .xl\:hover\:text-pink-700:hover {
        color: #b83280
    }

    .xl\:hover\:text-pink-800:hover {
        color: #97266d
    }

    .xl\:hover\:text-pink-900:hover {
        color: #702459
    }

    .xl\:focus\:text-pink-100:focus {
        color: #fff5f7
    }

    .xl\:focus\:text-pink-200:focus {
        color: #fed7e2
    }

    .xl\:focus\:text-pink-300:focus {
        color: #fbb6ce
    }

    .xl\:focus\:text-pink-400:focus {
        color: #f687b3
    }

    .xl\:focus\:text-pink-500:focus {
        color: #ed64a6
    }

    .xl\:focus\:text-pink-600:focus {
        color: #d53f8c
    }

    .xl\:focus\:text-pink-700:focus {
        color: #b83280
    }

    .xl\:focus\:text-pink-800:focus {
        color: #97266d
    }

    .xl\:focus\:text-pink-900:focus {
        color: #702459
    }

    .xl\:break-normal {
        overflow-wrap: normal;
        word-break: normal
    }

    .xl\:break-words {
        overflow-wrap: break-word
    }

    .xl\:break-all {
        word-break: break-all
    }

    .xl\:w-1\/3 {
        width: 33.333333%
    }

    .xl\:w-1\/4 {
        width: 25%
    }

    .xl\:w-1\/5 {
        width: 20%
    }

    .xl\:w-1\/6 {
        width: 16.66667%
    }

    .xl\:w-5\/6 {
        width: 83.33333%
    }

    .xl\:w-1\/7 {
        width: 14%
    }
}

@media (min-width:1600px) {
    .\32xl\:bg-pink-100 {
        background-color: #fff5f7
    }

    .\32xl\:bg-pink-200 {
        background-color: #fed7e2
    }

    .\32xl\:bg-pink-300 {
        background-color: #fbb6ce
    }

    .\32xl\:bg-pink-400 {
        background-color: #f687b3
    }

    .\32xl\:bg-pink-500 {
        background-color: #ed64a6
    }

    .\32xl\:bg-pink-600 {
        background-color: #d53f8c
    }

    .\32xl\:bg-pink-700 {
        background-color: #b83280
    }

    .\32xl\:bg-pink-800 {
        background-color: #97266d
    }

    .\32xl\:bg-pink-900 {
        background-color: #702459
    }

    .\32xl\:hover\:bg-pink-100:hover {
        background-color: #fff5f7
    }

    .\32xl\:hover\:bg-pink-200:hover {
        background-color: #fed7e2
    }

    .\32xl\:hover\:bg-pink-300:hover {
        background-color: #fbb6ce
    }

    .\32xl\:hover\:bg-pink-400:hover {
        background-color: #f687b3
    }

    .\32xl\:hover\:bg-pink-500:hover {
        background-color: #ed64a6
    }

    .\32xl\:hover\:bg-pink-600:hover {
        background-color: #d53f8c
    }

    .\32xl\:hover\:bg-pink-700:hover {
        background-color: #b83280
    }

    .\32xl\:hover\:bg-pink-800:hover {
        background-color: #97266d
    }

    .\32xl\:hover\:bg-pink-900:hover {
        background-color: #702459
    }

    .\32xl\:focus\:bg-pink-100:focus {
        background-color: #fff5f7
    }

    .\32xl\:focus\:bg-pink-200:focus {
        background-color: #fed7e2
    }

    .\32xl\:focus\:bg-pink-300:focus {
        background-color: #fbb6ce
    }

    .\32xl\:focus\:bg-pink-400:focus {
        background-color: #f687b3
    }

    .\32xl\:focus\:bg-pink-500:focus {
        background-color: #ed64a6
    }

    .\32xl\:focus\:bg-pink-600:focus {
        background-color: #d53f8c
    }

    .\32xl\:focus\:bg-pink-700:focus {
        background-color: #b83280
    }

    .\32xl\:focus\:bg-pink-800:focus {
        background-color: #97266d
    }

    .\32xl\:focus\:bg-pink-900:focus {
        background-color: #702459
    }

    .\32xl\:first\:bg-pink-100:first-child {
        background-color: #fff5f7
    }

    .\32xl\:first\:bg-pink-200:first-child {
        background-color: #fed7e2
    }

    .\32xl\:first\:bg-pink-300:first-child {
        background-color: #fbb6ce
    }

    .\32xl\:first\:bg-pink-400:first-child {
        background-color: #f687b3
    }

    .\32xl\:first\:bg-pink-500:first-child {
        background-color: #ed64a6
    }

    .\32xl\:first\:bg-pink-600:first-child {
        background-color: #d53f8c
    }

    .\32xl\:first\:bg-pink-700:first-child {
        background-color: #b83280
    }

    .\32xl\:first\:bg-pink-800:first-child {
        background-color: #97266d
    }

    .\32xl\:first\:bg-pink-900:first-child {
        background-color: #702459
    }

    .\32xl\:last\:bg-pink-100:last-child {
        background-color: #fff5f7
    }

    .\32xl\:last\:bg-pink-200:last-child {
        background-color: #fed7e2
    }

    .\32xl\:last\:bg-pink-300:last-child {
        background-color: #fbb6ce
    }

    .\32xl\:last\:bg-pink-400:last-child {
        background-color: #f687b3
    }

    .\32xl\:last\:bg-pink-500:last-child {
        background-color: #ed64a6
    }

    .\32xl\:last\:bg-pink-600:last-child {
        background-color: #d53f8c
    }

    .\32xl\:last\:bg-pink-700:last-child {
        background-color: #b83280
    }

    .\32xl\:last\:bg-pink-800:last-child {
        background-color: #97266d
    }

    .\32xl\:last\:bg-pink-900:last-child {
        background-color: #702459
    }

    .\32xl\:even\:bg-pink-100:nth-child(2n) {
        background-color: #fff5f7
    }

    .\32xl\:even\:bg-pink-200:nth-child(2n) {
        background-color: #fed7e2
    }

    .\32xl\:even\:bg-pink-300:nth-child(2n) {
        background-color: #fbb6ce
    }

    .\32xl\:even\:bg-pink-400:nth-child(2n) {
        background-color: #f687b3
    }

    .\32xl\:even\:bg-pink-500:nth-child(2n) {
        background-color: #ed64a6
    }

    .\32xl\:even\:bg-pink-600:nth-child(2n) {
        background-color: #d53f8c
    }

    .\32xl\:even\:bg-pink-700:nth-child(2n) {
        background-color: #b83280
    }

    .\32xl\:even\:bg-pink-800:nth-child(2n) {
        background-color: #97266d
    }

    .\32xl\:even\:bg-pink-900:nth-child(2n) {
        background-color: #702459
    }

    .\32xl\:odd\:bg-pink-100:nth-child(odd) {
        background-color: #fff5f7
    }

    .\32xl\:odd\:bg-pink-200:nth-child(odd) {
        background-color: #fed7e2
    }

    .\32xl\:odd\:bg-pink-300:nth-child(odd) {
        background-color: #fbb6ce
    }

    .\32xl\:odd\:bg-pink-400:nth-child(odd) {
        background-color: #f687b3
    }

    .\32xl\:odd\:bg-pink-500:nth-child(odd) {
        background-color: #ed64a6
    }

    .\32xl\:odd\:bg-pink-600:nth-child(odd) {
        background-color: #d53f8c
    }

    .\32xl\:odd\:bg-pink-700:nth-child(odd) {
        background-color: #b83280
    }

    .\32xl\:odd\:bg-pink-800:nth-child(odd) {
        background-color: #97266d
    }

    .\32xl\:odd\:bg-pink-900:nth-child(odd) {
        background-color: #702459
    }

    .\32xl\:border-pink-100 {
        border-color: #fff5f7
    }

    .\32xl\:border-pink-200 {
        border-color: #fed7e2
    }

    .\32xl\:border-pink-300 {
        border-color: #fbb6ce
    }

    .\32xl\:border-pink-400 {
        border-color: #f687b3
    }

    .\32xl\:border-pink-500 {
        border-color: #ed64a6
    }

    .\32xl\:border-pink-600 {
        border-color: #d53f8c
    }

    .\32xl\:border-pink-700 {
        border-color: #b83280
    }

    .\32xl\:border-pink-800 {
        border-color: #97266d
    }

    .\32xl\:border-pink-900 {
        border-color: #702459
    }

    .\32xl\:hover\:border-pink-100:hover {
        border-color: #fff5f7
    }

    .\32xl\:hover\:border-pink-200:hover {
        border-color: #fed7e2
    }

    .\32xl\:hover\:border-pink-300:hover {
        border-color: #fbb6ce
    }

    .\32xl\:hover\:border-pink-400:hover {
        border-color: #f687b3
    }

    .\32xl\:hover\:border-pink-500:hover {
        border-color: #ed64a6
    }

    .\32xl\:hover\:border-pink-600:hover {
        border-color: #d53f8c
    }

    .\32xl\:hover\:border-pink-700:hover {
        border-color: #b83280
    }

    .\32xl\:hover\:border-pink-800:hover {
        border-color: #97266d
    }

    .\32xl\:hover\:border-pink-900:hover {
        border-color: #702459
    }

    .\32xl\:focus\:border-pink-100:focus {
        border-color: #fff5f7
    }

    .\32xl\:focus\:border-pink-200:focus {
        border-color: #fed7e2
    }

    .\32xl\:focus\:border-pink-300:focus {
        border-color: #fbb6ce
    }

    .\32xl\:focus\:border-pink-400:focus {
        border-color: #f687b3
    }

    .\32xl\:focus\:border-pink-500:focus {
        border-color: #ed64a6
    }

    .\32xl\:focus\:border-pink-600:focus {
        border-color: #d53f8c
    }

    .\32xl\:focus\:border-pink-700:focus {
        border-color: #b83280
    }

    .\32xl\:focus\:border-pink-800:focus {
        border-color: #97266d
    }

    .\32xl\:focus\:border-pink-900:focus {
        border-color: #702459
    }

    .\32xl\:flex-shrink-0 {
        flex-shrink: 0
    }

    .\32xl\:placeholder-pink-100::-webkit-input-placeholder {
        color: #fff5f7
    }

    .\32xl\:placeholder-pink-100:-ms-input-placeholder {
        color: #fff5f7
    }

    .\32xl\:placeholder-pink-100::-ms-input-placeholder {
        color: #fff5f7
    }

    .\32xl\:placeholder-pink-100::placeholder {
        color: #fff5f7
    }

    .\32xl\:placeholder-pink-200::-webkit-input-placeholder {
        color: #fed7e2
    }

    .\32xl\:placeholder-pink-200:-ms-input-placeholder {
        color: #fed7e2
    }

    .\32xl\:placeholder-pink-200::-ms-input-placeholder {
        color: #fed7e2
    }

    .\32xl\:placeholder-pink-200::placeholder {
        color: #fed7e2
    }

    .\32xl\:placeholder-pink-300::-webkit-input-placeholder {
        color: #fbb6ce
    }

    .\32xl\:placeholder-pink-300:-ms-input-placeholder {
        color: #fbb6ce
    }

    .\32xl\:placeholder-pink-300::-ms-input-placeholder {
        color: #fbb6ce
    }

    .\32xl\:placeholder-pink-300::placeholder {
        color: #fbb6ce
    }

    .\32xl\:placeholder-pink-400::-webkit-input-placeholder {
        color: #f687b3
    }

    .\32xl\:placeholder-pink-400:-ms-input-placeholder {
        color: #f687b3
    }

    .\32xl\:placeholder-pink-400::-ms-input-placeholder {
        color: #f687b3
    }

    .\32xl\:placeholder-pink-400::placeholder {
        color: #f687b3
    }

    .\32xl\:placeholder-pink-500::-webkit-input-placeholder {
        color: #ed64a6
    }

    .\32xl\:placeholder-pink-500:-ms-input-placeholder {
        color: #ed64a6
    }

    .\32xl\:placeholder-pink-500::-ms-input-placeholder {
        color: #ed64a6
    }

    .\32xl\:placeholder-pink-500::placeholder {
        color: #ed64a6
    }

    .\32xl\:placeholder-pink-600::-webkit-input-placeholder {
        color: #d53f8c
    }

    .\32xl\:placeholder-pink-600:-ms-input-placeholder {
        color: #d53f8c
    }

    .\32xl\:placeholder-pink-600::-ms-input-placeholder {
        color: #d53f8c
    }

    .\32xl\:placeholder-pink-600::placeholder {
        color: #d53f8c
    }

    .\32xl\:placeholder-pink-700::-webkit-input-placeholder {
        color: #b83280
    }

    .\32xl\:placeholder-pink-700:-ms-input-placeholder {
        color: #b83280
    }

    .\32xl\:placeholder-pink-700::-ms-input-placeholder {
        color: #b83280
    }

    .\32xl\:placeholder-pink-700::placeholder {
        color: #b83280
    }

    .\32xl\:placeholder-pink-800::-webkit-input-placeholder {
        color: #97266d
    }

    .\32xl\:placeholder-pink-800:-ms-input-placeholder {
        color: #97266d
    }

    .\32xl\:placeholder-pink-800::-ms-input-placeholder {
        color: #97266d
    }

    .\32xl\:placeholder-pink-800::placeholder {
        color: #97266d
    }

    .\32xl\:placeholder-pink-900::-webkit-input-placeholder {
        color: #702459
    }

    .\32xl\:placeholder-pink-900:-ms-input-placeholder {
        color: #702459
    }

    .\32xl\:placeholder-pink-900::-ms-input-placeholder {
        color: #702459
    }

    .\32xl\:placeholder-pink-900::placeholder {
        color: #702459
    }

    .\32xl\:focus\:placeholder-pink-100:focus::-webkit-input-placeholder {
        color: #fff5f7
    }

    .\32xl\:focus\:placeholder-pink-100:focus:-ms-input-placeholder {
        color: #fff5f7
    }

    .\32xl\:focus\:placeholder-pink-100:focus::-ms-input-placeholder {
        color: #fff5f7
    }

    .\32xl\:focus\:placeholder-pink-100:focus::placeholder {
        color: #fff5f7
    }

    .\32xl\:focus\:placeholder-pink-200:focus::-webkit-input-placeholder {
        color: #fed7e2
    }

    .\32xl\:focus\:placeholder-pink-200:focus:-ms-input-placeholder {
        color: #fed7e2
    }

    .\32xl\:focus\:placeholder-pink-200:focus::-ms-input-placeholder {
        color: #fed7e2
    }

    .\32xl\:focus\:placeholder-pink-200:focus::placeholder {
        color: #fed7e2
    }

    .\32xl\:focus\:placeholder-pink-300:focus::-webkit-input-placeholder {
        color: #fbb6ce
    }

    .\32xl\:focus\:placeholder-pink-300:focus:-ms-input-placeholder {
        color: #fbb6ce
    }

    .\32xl\:focus\:placeholder-pink-300:focus::-ms-input-placeholder {
        color: #fbb6ce
    }

    .\32xl\:focus\:placeholder-pink-300:focus::placeholder {
        color: #fbb6ce
    }

    .\32xl\:focus\:placeholder-pink-400:focus::-webkit-input-placeholder {
        color: #f687b3
    }

    .\32xl\:focus\:placeholder-pink-400:focus:-ms-input-placeholder {
        color: #f687b3
    }

    .\32xl\:focus\:placeholder-pink-400:focus::-ms-input-placeholder {
        color: #f687b3
    }

    .\32xl\:focus\:placeholder-pink-400:focus::placeholder {
        color: #f687b3
    }

    .\32xl\:focus\:placeholder-pink-500:focus::-webkit-input-placeholder {
        color: #ed64a6
    }

    .\32xl\:focus\:placeholder-pink-500:focus:-ms-input-placeholder {
        color: #ed64a6
    }

    .\32xl\:focus\:placeholder-pink-500:focus::-ms-input-placeholder {
        color: #ed64a6
    }

    .\32xl\:focus\:placeholder-pink-500:focus::placeholder {
        color: #ed64a6
    }

    .\32xl\:focus\:placeholder-pink-600:focus::-webkit-input-placeholder {
        color: #d53f8c
    }

    .\32xl\:focus\:placeholder-pink-600:focus:-ms-input-placeholder {
        color: #d53f8c
    }

    .\32xl\:focus\:placeholder-pink-600:focus::-ms-input-placeholder {
        color: #d53f8c
    }

    .\32xl\:focus\:placeholder-pink-600:focus::placeholder {
        color: #d53f8c
    }

    .\32xl\:focus\:placeholder-pink-700:focus::-webkit-input-placeholder {
        color: #b83280
    }

    .\32xl\:focus\:placeholder-pink-700:focus:-ms-input-placeholder {
        color: #b83280
    }

    .\32xl\:focus\:placeholder-pink-700:focus::-ms-input-placeholder {
        color: #b83280
    }

    .\32xl\:focus\:placeholder-pink-700:focus::placeholder {
        color: #b83280
    }

    .\32xl\:focus\:placeholder-pink-800:focus::-webkit-input-placeholder {
        color: #97266d
    }

    .\32xl\:focus\:placeholder-pink-800:focus:-ms-input-placeholder {
        color: #97266d
    }

    .\32xl\:focus\:placeholder-pink-800:focus::-ms-input-placeholder {
        color: #97266d
    }

    .\32xl\:focus\:placeholder-pink-800:focus::placeholder {
        color: #97266d
    }

    .\32xl\:focus\:placeholder-pink-900:focus::-webkit-input-placeholder {
        color: #702459
    }

    .\32xl\:focus\:placeholder-pink-900:focus:-ms-input-placeholder {
        color: #702459
    }

    .\32xl\:focus\:placeholder-pink-900:focus::-ms-input-placeholder {
        color: #702459
    }

    .\32xl\:focus\:placeholder-pink-900:focus::placeholder {
        color: #702459
    }

    .\32xl\:text-pink-100 {
        color: #fff5f7
    }

    .\32xl\:text-pink-200 {
        color: #fed7e2
    }

    .\32xl\:text-pink-300 {
        color: #fbb6ce
    }

    .\32xl\:text-pink-400 {
        color: #f687b3
    }

    .\32xl\:text-pink-500 {
        color: #ed64a6
    }

    .\32xl\:text-pink-600 {
        color: #d53f8c
    }

    .\32xl\:text-pink-700 {
        color: #b83280
    }

    .\32xl\:text-pink-800 {
        color: #97266d
    }

    .\32xl\:text-pink-900 {
        color: #702459
    }

    .\32xl\:hover\:text-pink-100:hover {
        color: #fff5f7
    }

    .\32xl\:hover\:text-pink-200:hover {
        color: #fed7e2
    }

    .\32xl\:hover\:text-pink-300:hover {
        color: #fbb6ce
    }

    .\32xl\:hover\:text-pink-400:hover {
        color: #f687b3
    }

    .\32xl\:hover\:text-pink-500:hover {
        color: #ed64a6
    }

    .\32xl\:hover\:text-pink-600:hover {
        color: #d53f8c
    }

    .\32xl\:hover\:text-pink-700:hover {
        color: #b83280
    }

    .\32xl\:hover\:text-pink-800:hover {
        color: #97266d
    }

    .\32xl\:hover\:text-pink-900:hover {
        color: #702459
    }

    .\32xl\:focus\:text-pink-100:focus {
        color: #fff5f7
    }

    .\32xl\:focus\:text-pink-200:focus {
        color: #fed7e2
    }

    .\32xl\:focus\:text-pink-300:focus {
        color: #fbb6ce
    }

    .\32xl\:focus\:text-pink-400:focus {
        color: #f687b3
    }

    .\32xl\:focus\:text-pink-500:focus {
        color: #ed64a6
    }

    .\32xl\:focus\:text-pink-600:focus {
        color: #d53f8c
    }

    .\32xl\:focus\:text-pink-700:focus {
        color: #b83280
    }

    .\32xl\:focus\:text-pink-800:focus {
        color: #97266d
    }

    .\32xl\:focus\:text-pink-900:focus {
        color: #702459
    }

    .\32xl\:break-normal {
        overflow-wrap: normal;
        word-break: normal
    }

    .\32xl\:break-words {
        overflow-wrap: break-word
    }

    .\32xl\:break-all {
        word-break: break-all
    }
}

/* #endregion Brainstorm */

/* #region html editor */
.html-preview {
    overflow: visible;
    position: relative;
    margin-top: 3vh;
}

.html-preview-content {
    border: 1px solid #8e8e8e;
    border-radius: 0.5rem;
    padding: 0.5rem;
    width: 80vw;
}
/* #endregion html editor */