.configurator-page {
    position: relative;
}
.configuration-basket {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: -5rem;
    right: 0px;
    background-color: var(--pentashot-blue);
    width: 82rem;
    color: #fff;
    z-index: 10;
    justify-content: center;
    align-items: center;
}
.configuration-basket .basket-header {
    font-family: "TT Firs Neue", sans-serif;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 130%; /* 20.8px */
    cursor: pointer;
    padding: 3.1rem;
}
.configuration-basket .basket-header .title {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.configuration-basket .basket-header .title .count {
    display: flex;
    width: 2.4rem;
    height: 2.4rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--signal);
    margin-left: 1rem;
    border-radius: 100%;

    color: var(--pentashot-blue);
    text-align: center;
    font-family: "TT Firs Neue", sans-serif;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}
.configuration-basket .basket-header::before {
    content: "";
    width: 2rem;
    height: 2rem;
    margin-right: 1rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggaWQ9IlVuaW9uIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAuMjU3ODEyIDAuNUMwLjI1NzgxMiAwLjIyMzg1OCAwLjQ4MTY3IDAgMC43NTc4MTIgMEgxLjE2Njc5QzIuMzMwOTMgMCAzLjM0MSAwLjgwMzUyNCAzLjYwMjc3IDEuOTM3ODVMNS44ODcyNSAxMS44MzczQzYuMDQ0MzEgMTIuNTE3OSA2LjY1MDM1IDEzIDcuMzQ4ODQgMTNIMTUuMzE2M0MxNS45NjE5IDEzIDE2LjUzNTEgMTIuNTg2OSAxNi43MzkzIDExLjk3NDNMMTkuMDY0MSA1SDYuNzU3ODFDNi40ODE2NyA1IDYuMjU3ODEgNC43NzYxNCA2LjI1NzgxIDQuNUM2LjI1NzgxIDQuMjIzODYgNi40ODE2NyA0IDYuNzU3ODEgNEgxOS43NDYyQzE5Ljc3NjUgMy45OTkyOSAxOS44MDcxIDQuMDAxMzYgMTkuODM3OCA0LjAwNjM2QzE5Ljg5NTYgNC4wMTU2NiAxOS45NTAxIDQuMDM0ODYgMTkuOTk5NCA0LjA2MjE2QzIwLjA2NTYgNC4wOTg1NSAyMC4xMjEgNC4xNDg2NyAyMC4xNjM1IDQuMjA3NjJDMjAuMjA1NSA0LjI2NTg3IDIwLjIzNTMgNC4zMzM1MyAyMC4yNDkxIDQuNDA2ODRDMjAuMjU5OSA0LjQ2MzEgMjAuMjYxIDQuNTIxNzUgMjAuMjUxNCA0LjU4MDRDMjAuMjQ2NCA0LjYxMTAxIDIwLjIzODcgNC42NDA2OCAyMC4yMjg1IDQuNjY5MTZMMTcuNjg4IDEyLjI5MDZDMTcuMzQ3NyAxMy4zMTE0IDE2LjM5MjQgMTQgMTUuMzE2MyAxNEg3LjM0ODg0QzYuMTg0NyAxNCA1LjE3NDYzIDEzLjE5NjUgNC45MTI4NiAxMi4wNjIyTDIuNjI4MzcgMi4xNjI3MUMyLjQ3MTMxIDEuNDgyMTEgMS44NjUyNyAxIDEuMTY2NzkgMUgwLjc1NzgxMkMwLjQ4MTY3IDEgMC4yNTc4MTIgMC43NzYxNDIgMC4yNTc4MTIgMC41Wk03Ljc1NzgxIDE1QzYuMzc3MSAxNSA1LjI1NzgxIDE2LjExOTMgNS4yNTc4MSAxNy41QzUuMjU3ODEgMTguODgwNyA2LjM3NzEgMjAgNy43NTc4MSAyMEM4LjgwMTU4IDIwIDkuNjk1OTQgMTkuMzYwNCAxMC4wNzAzIDE4LjQ1MTdDOS43NzAxNCAxOC4xODYxIDkuNDk3NjMgMTcuOTQ5NiA5LjIzNzkyIDE3Ljc0NDlDOS4xMjEwMSAxOC40NTY4IDguNTAyODQgMTkgNy43NTc4MSAxOUM2LjkyOTM5IDE5IDYuMjU3ODEgMTguMzI4NCA2LjI1NzgxIDE3LjVDNi4yNTc4MSAxNi42NzE2IDYuOTI5MzkgMTYgNy43NTc4MSAxNkM4LjI0NzA1IDE2IDguNzQ0NzQgMTYuMTk1NiA5LjI4MjU5IDE2LjU0NDVDOS44MjI5OCAxNi44OTUgMTAuMzU2NSAxNy4zNjc4IDEwLjkyNTYgMTcuODczN0wxMC45NDE1IDE3Ljg4NzhMMTAuOTQxNSAxNy44ODc4QzExLjQ5MjcgMTguMzc3OCAxMi4wNzg4IDE4Ljg5ODggMTIuNjg4OCAxOS4yOTQ1QzEzLjMwNzIgMTkuNjk1NiAxMy45OTcgMjAgMTQuNzU3OCAyMEMxNi4xMzg1IDIwIDE3LjI1NzggMTguODgwNyAxNy4yNTc4IDE3LjVDMTcuMjU3OCAxNi4xMTkzIDE2LjEzODUgMTUgMTQuNzU3OCAxNUMxMy43MTQgMTUgMTIuODE5NyAxNS42Mzk2IDEyLjQ0NTMgMTYuNTQ4M0MxMi43NDU1IDE2LjgxMzkgMTMuMDE4IDE3LjA1MDQgMTMuMjc3NyAxNy4yNTUxQzEzLjM5NDYgMTYuNTQzMiAxNC4wMTI4IDE2IDE0Ljc1NzggMTZDMTUuNTg2MiAxNiAxNi4yNTc4IDE2LjY3MTYgMTYuMjU3OCAxNy41QzE2LjI1NzggMTguMzI4NCAxNS41ODYyIDE5IDE0Ljc1NzggMTlDMTQuMjY4NiAxOSAxMy43NzA5IDE4LjgwNDQgMTMuMjMzIDE4LjQ1NTVDMTIuNjkyNiAxOC4xMDUgMTIuMTU5MSAxNy42MzIyIDExLjU5IDE3LjEyNjNMMTEuNTc0MSAxNy4xMTIyQzExLjAyMjkgMTYuNjIyMiAxMC40MzY4IDE2LjEwMTIgOS44MjY3OCAxNS43MDU1QzkuMjA4MzggMTUuMzA0NCA4LjUxODU4IDE1IDcuNzU3ODEgMTVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
}
.configuration-basket .basket-header::after {
    content: "";
    height: 0.6rem;
    width: 1.2rem;
    margin-left: 1rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.2rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEzIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJWZWN0b3IgMTk1OSAoU3Ryb2tlKSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjM4Nzg0NiAwLjE2MzY2N0MwLjIwMjA5MyAwLjM2Nzk5NiAwLjIxNzE1MSAwLjY4NDIyIDAuNDIxNDggMC44Njk5NzRMNS45MjE0OCA1Ljg2OTk3QzYuMTEyMTkgNi4wNDMzNSA2LjQwMzQ0IDYuMDQzMzUgNi41OTQxNSA1Ljg2OTk3TDEyLjA5NDIgMC44Njk5NzRDMTIuMjk4NSAwLjY4NDIyMSAxMi4zMTM1IDAuMzY3OTk2IDEyLjEyNzggMC4xNjM2NjhDMTEuOTQyIC0wLjA0MDY2MTIgMTEuNjI1OCAtMC4wNTU3MTk1IDExLjQyMTUgMC4xMzAwMzRMNi4yNTc4MiA0LjgyNDI3TDEuMDk0MTUgMC4xMzAwMzRDMC44ODk4MjQgLTAuMDU1NzE5OSAwLjU3MzU5OSAtMC4wNDA2NjE3IDAuMzg3ODQ2IDAuMTYzNjY3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
}
.configuration-basket.open .basket-header::after {
    transform: rotate(180deg);
}
.configuration-basket .basket-content {
    display: none;
    padding: 1.5rem 4rem 4rem;
    width: 100%;
}
.configuration-basket .basket-content.empty .basket-controls {
    margin-top: 0rem;
}
.configuration-basket .basket-content.hidden {
    display: none !important;
}
.configuration-basket .basket-content .basket-items {
    background-color: #fff;
    margin-top: 0;
}
.configuration-basket .basket-content .basket-items th,
.configuration-basket .basket-content .basket-items td {
    padding: 1.5rem;
}
.configuration-basket .basket-content .basket-items td {
    color: #000;
    font-family: "TT Commons";
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.configuration-basket .basket-content .basket-items td .product-controlls {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: end;
}
.configuration-basket
    .basket-content
    .basket-items
    td
    .product-controlls
    .delete {
    height: 1.8rem;
    width: 1.8rem;
    margin-left: 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.8rem;
    display: inline-block;
    margin-bottom: 5px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjUgMUM3LjI5MDUyIDEgNi4yODE2NCAxLjg1ODg4IDYuMDUwMDEgM0gxMS45NUMxMS43MTg0IDEuODU4ODggMTAuNzA5NSAxIDkuNSAxSDguNVpNOC41IDBDNi43MzY3NiAwIDUuMjc4MDYgMS4zMDM4NSA1LjAzNTQ0IDNIMC41QzAuMjIzODU4IDMgMCAzLjIyMzg2IDAgMy41QzAgMy43NzYxNCAwLjIyMzg1OCA0IDAuNSA0SDIuMDM0MTVMMi44MDE5NiAxNC43NDkzQzIuOTMyNzggMTYuNTgwOSA0LjQ1NjgzIDE4IDYuMjkzMDYgMThIMTEuNzA2M0MxMy41NDI2IDE4IDE1LjA2NjYgMTYuNTgwOSAxNS4xOTc1IDE0Ljc0OTNMMTUuOTY1MyA0SDE3LjVDMTcuNzc2MSA0IDE4IDMuNzc2MTQgMTggMy41QzE4IDMuMjIzODYgMTcuNzc2MSAzIDE3LjUgM0gxMi45NjQ2QzEyLjcyMTkgMS4zMDM4NSAxMS4yNjMyIDAgOS41IDBIOC41Wk0xNC45NjI3IDRIMy4wMzY3TDMuNzk5NDIgMTQuNjc4MUMzLjg5Mjg2IDE1Ljk4NjQgNC45ODE0NyAxNyA2LjI5MzA2IDE3SDExLjcwNjNDMTMuMDE3OSAxNyAxNC4xMDY1IDE1Ljk4NjQgMTQuMiAxNC42NzgxTDE0Ljk2MjcgNFpNNi41IDZDNi43NzYxNCA2IDcgNi4yMjM4NiA3IDYuNVYxNC41QzcgMTQuNzc2MSA2Ljc3NjE0IDE1IDYuNSAxNUM2LjIyMzg2IDE1IDYgMTQuNzc2MSA2IDE0LjVWNi41QzYgNi4yMjM4NiA2LjIyMzg2IDYgNi41IDZaTTEyIDYuNUMxMiA2LjIyMzg2IDExLjc3NjEgNiAxMS41IDZDMTEuMjIzOSA2IDExIDYuMjIzODYgMTEgNi41VjE0LjVDMTEgMTQuNzc2MSAxMS4yMjM5IDE1IDExLjUgMTVDMTEuNzc2MSAxNSAxMiAxNC43NzYxIDEyIDE0LjVWNi41WiIgZmlsbD0iIzAwNDNDRSIvPgo8L3N2Zz4K");
}
.configuration-basket .basket-content .basket-items .item-title {
    color: #000;
    font-family: "TT Commons";
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}
.configuration-basket .basket-content .basket-items .product-title .content {
    display: flex;
    flex-direction: row;
    min-width: 22rem;
}
.configuration-basket
    .basket-content
    .basket-items
    .product-title
    .content
    .color {
    width: 18px;
    height: 18px;
    display: inline-block;
    border-radius: 100%;
    margin-right: 1rem;
    flex-shrink: 0;
    margin-top: 2px;
}

.configuration-basket .basket-content .basket-controls {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 2rem;
}
.configuration-basket .basket-content .basket-controls a {
    margin-bottom: 0rem;
    margin-top: 0rem;
}
.configuration-basket .basket-content .basket-controls .enter-your-details {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    clip-path: polygon(0 0, 93% 0, 100% 50%, 93% 100%, 0 100%);
    border: none;
    padding: 1.4rem 3.6rem 1.4rem 3rem;
}
.configuration-basket
    .basket-content
    .basket-controls
    .no-configurations-message {
    text-align: right;
    font-family: "TT Commons";
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-align: center;
}

.configurator-page
    .configuration-basket
    .basket-content
    .basket-controls
    a.start-new-configuration {
    color: white;
    font-size: 2.2rem;
    font-weight: 600;
}
.configurator-page .step-content {
    padding-top: 11.4rem;
}
.configurator-page .step-title {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.configurator-page .step-title .title {
    margin-bottom: 2rem;
}

.configurator-page .step-title .desc {
    max-width: 90rem;
    margin-top: 0rem;
}

.configurator-page .customize-block {
    display: flex;
    flex-direction: row;
    gap: 4rem;
    align-items: start;
}
.configurator-page .customize-block .preview,
.configurator-page .customize-block .items {
    width: 50%;
}
.configurator-page .customize-block .column-title {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 2rem;
}

.configurator-page .customize-block .selected-item-preview {
    border-radius: 2px;
    background: var(--Background-Blue, #ebf2ff);
    display: flex;
    height: 56rem;
    justify-content: center;
}
.configurator-page .customize-block .selected-item-preview .image-wrapper {
    height: 100%;
    position: relative;
    width: 100%;
    align-items: center;
    justify-content: center;
    display: none;
}
.configurator-page .customize-block .selected-item-preview .image-wrapper.show {
    display: flex;
}
.configurator-page .customize-block .selected-item-preview .initial-info {
    align-self: center;
    color: var(--pentashot-blue);
}

.configurator-page
    .customize-block
    .selected-item-preview
    .image-wrapper
    .circle {
    margin: 3rem;
    background-color: rgba(255, 255, 255, 1);
    mix-blend-mode: normal;
    border-radius: 100rem;
    text-decoration: none;
    padding: 0;
    width: 50%;
    height: 70%;
    position: absolute;
    display: block;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}
.configurator-page .customize-block .selected-item-preview .image-wrapper img {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    transition: all 300ms ease-in-out;
}

.configurator-page .customize-block .vertical-item-list {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
.configurator-page .vertical-item-list .item {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
    box-sizing: border-box;
    align-items: center;
    justify-content: start;
    border: 2px solid var(--background-blue);
    height: auto;
    padding: 2rem 5rem 2rem 2rem;
}
.configurator-page .vertical-item-list .item .item-img {
    width: 10rem;
    max-width: 10rem;
    margin-right: 2rem;
    height: 100%;
    flex-grow: 1;
    flex-shrink: 0;
}
.configurator-page .vertical-item-list .item .item-img img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.configurator-page .vertical-item-list .item .info {
    display: flex;
    flex-direction: column;
}
.configurator-page .vertical-item-list .item .info .item-title {
    font-family: "TT Commons", sans-serif;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    margin-bottom: 0.5rem;
    color: #80848f;
}
.configurator-page .vertical-item-list .item .info .item-description {
    font-family: "TT Commons", sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin: 0;
    color: #80848f;
}

.configurator-page .vertical-item-list .item:before {
    content: "";
    position: absolute;
    top: 2rem;
    right: 2rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMSIgeT0iMSIgd2lkdGg9IjIyIiBoZWlnaHQ9IjIyIiByeD0iMSIgZmlsbD0id2hpdGUiLz4KPHJlY3QgeD0iMSIgeT0iMSIgd2lkdGg9IjIyIiBoZWlnaHQ9IjIyIiByeD0iMSIgc3Ryb2tlPSIjODA4NDhGIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==");
    width: 24px;
    height: 25px;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
}
.configurator-page .vertical-item-list .item.info-only:before {
    display: none !important;
}

.configurator-page .vertical-item-list .item.active,
.configurator-page .vertical-item-list .item:hover {
    border-color: var(--Pentashot-Blue, #0043ce);
}

.configurator-page .vertical-item-list .item.info-only:hover {
    border-color: var(--background-blue) !important;
}

.configurator-page .vertical-item-list .item.active .info .item-title,
.configurator-page .vertical-item-list .item.info-only .info .item-title {
    color: #000;
}
.configurator-page .vertical-item-list .item.active .info .item-description,
.configurator-page .vertical-item-list .item.info-only .info .item-description {
    color: #000;
}
.configurator-page .vertical-item-list .item.active:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNoZWNrYm94Ij4KPHJlY3QgaWQ9ImlucHV0IiB4PSIwLjUiIHk9IjAuNzU3NTY4IiB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHJ4PSIxLjUiIGZpbGw9IiMwMDQzQ0UiIHN0cm9rZT0iIzAwNDNDRSIvPgo8cGF0aCBpZD0iVW5pb24iIGQ9Ik02LjIxOTM3IDEyLjQ3ODRDNS45MjY4OCAxMi43NzI0IDUuOTI2ODggMTMuMjQ3OSA2LjIxOTM3IDEzLjUzODlMOS4yMjA4OCAxNi41NDE5QzkuNTEzMzcgMTYuODM0NCA5Ljk4ODg4IDE2LjgzNDQgMTAuMjgyOSAxNi41NDE5TDE3Ljc4NzQgOS4wMzg5NEMxOC4wNzk5IDguNzQ0OTQgMTguMDc5OSA4LjI2OTQ0IDE3Ljc4NzQgNy45NzY5NEMxNy40OTM0IDcuNjg0NDQgMTcuMDE3OSA3LjY4NDQ0IDE2LjcyNTQgNy45NzY5NEw5Ljc1MTg4IDE0Ljk1MDRMNy4yNzk4OCAxMi40Nzg0QzYuOTg3MzggMTIuMTg1OSA2LjUxMTg3IDEyLjE4NTkgNi4yMTkzNyAxMi40Nzg0WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8L3N2Zz4K");
}

.configurator-page .item-list {
    display: flex;
    align-items: stretch;
    flex-direction: row;
    margin-bottom: 4rem;
    flex-wrap: wrap;
    gap: 4rem;
}

.configurator-page .item-list .item {
    position: relative;
    display: flex;
    flex-direction: column;
    width: calc((100% - 8rem) / 3);
    box-sizing: border-box;
    align-items: center;
    border: 2px solid var(--background-blue);
}
.configurator-page .item-list .item:hover {
    border-color: var(--pentashot-blue);
}
.configurator-page .item-list .item:before {
    content: "";
    position: absolute;
    top: 2rem;
    right: 2rem;
    display: none;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNoZWNrYm94Ij4KPHJlY3QgaWQ9ImlucHV0IiB4PSIwLjUiIHk9IjAuNzU3NTY4IiB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHJ4PSIxLjUiIGZpbGw9IiMwMDQzQ0UiIHN0cm9rZT0iIzAwNDNDRSIvPgo8cGF0aCBpZD0iVW5pb24iIGQ9Ik02LjIxOTM3IDEyLjQ3ODRDNS45MjY4OCAxMi43NzI0IDUuOTI2ODggMTMuMjQ3OSA2LjIxOTM3IDEzLjUzODlMOS4yMjA4OCAxNi41NDE5QzkuNTEzMzcgMTYuODM0NCA5Ljk4ODg4IDE2LjgzNDQgMTAuMjgyOSAxNi41NDE5TDE3Ljc4NzQgOS4wMzg5NEMxOC4wNzk5IDguNzQ0OTQgMTguMDc5OSA4LjI2OTQ0IDE3Ljc4NzQgNy45NzY5NEMxNy40OTM0IDcuNjg0NDQgMTcuMDE3OSA3LjY4NDQ0IDE2LjcyNTQgNy45NzY5NEw5Ljc1MTg4IDE0Ljk1MDRMNy4yNzk4OCAxMi40Nzg0QzYuOTg3MzggMTIuMTg1OSA2LjUxMTg3IDEyLjE4NTkgNi4yMTkzNyAxMi40Nzg0WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8L3N2Zz4K");
    width: 2.4rem;
    height: 2.5rem;
    background-repeat: no-repeat;
}
.configurator-page .item-list .item.active:before {
    display: block;
}

.configurator-page .item-list .item .image-wrapper {
    position: relative;
    width: 100%;
}
.configurator-page .item-list .item .image-wrapper .circle {
    margin: 3rem;
    background-color: rgba(235, 242, 255, 0.25);
    mix-blend-mode: normal;
    border-radius: 100rem;
    text-decoration: none;
    padding: 0;
    width: 19.8rem;
    height: 25rem;
    position: relative;
    display: block;
    overflow: hidden;
    opacity: 0;
    margin-left: auto;
    margin-right: auto;
}
.configurator-page .item-list .item.active {
    border-radius: 2px;
    border: 2px solid var(--Pentashot-Blue, #0043ce);
    background: var(--Background-Blue, #ebf2ff);
}
.configurator-page .item-list .item.active .image-wrapper .circle,
.configurator-page .item-list .item .image-wrapper.selected .circle {
    opacity: 1;
    background-color: rgba(255, 255, 255, 1);
}
.configurator-page .item-list .item .image-wrapper img {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    transition: all 300ms ease-in-out;
}

.configurator-page .item-list .item .item-title {
    color: #80848f;
    text-align: center;
    font-family: "TT Firs Neue", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}
.configurator-page .item-list .item .item-description {
    color: #80848f;
    text-align: center;
    font-family: "TT Commons";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.configurator-page .item-list .item.active .item-title,
.configurator-page .item-list .item.active .item-description {
    color: #000;
}
.configurator-page .item-list .item .item-description.bold {
    font-weight: 600;
}
.configurator-page .item-list .item .item-color {
    width: 10rem;
    height: 10rem;
    border-radius: 100%;
}

.configurator-page .configuration-recap {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 4rem;
    max-width: 92rem;
    margin-left: auto;
    margin-right: auto;
}

.configurator-page .recap-message {
    padding: 3rem;
    background-color: rgba(91, 237, 92, 0.1);
    margin-bottom: 4rem;

    font-family: TT Commons;
    font-size: 2.6rem;
    line-height: 135%;
    font-weight: 400;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.configurator-page.final .recap-message {
    margin-bottom: 6rem;
}
.configurator-page .recap-title {
    font-family: "TT Firs Neue";
    font-size: 3.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    margin-bottom: 4rem;
}
.configurator-page .configuration-recap.final .recap-message {
    padding: 10rem 3rem 6.5rem 3rem;
}
.configurator-page .configuration-recap.final .recap-message p{
    margin: 0;
}
.configurator-page .recap-message .title {
    text-align: center;
    color: #000;
    font-family: "TT Firs Neue";
    font-size: 3.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    margin-bottom: 6rem;
}

.configurator-page .recap-message .title:before {
    content: "";
    position: absolute;
    top: 6px;
    left: -200px;
    width: 300px;
    height: 30px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkwIiBoZWlnaHQ9IjIxIiB2aWV3Qm94PSIwIDAgMjkwIDIxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8bGluZSB5MT0iLTAuNSIgeDI9IjM0NC45NTIiIHkyPSItMC41IiB0cmFuc2Zvcm09Im1hdHJpeCgtMSA4LjQyOTM3ZS0wOCA4LjQyOTM3ZS0wOCAxIDM1Mi44MTcgMTEuOTQ2OCkiIHN0cm9rZT0iIzBGNjJGRSIvPgo8cmVjdCB3aWR0aD0iMTQuMjIxNSIgaGVpZ2h0PSIxNC4yMjE1IiB0cmFuc2Zvcm09Im1hdHJpeCgtMC43MDcxMDcgLTAuNzA3MTA3IC0wLjcwNzEwNyAwLjcwNzEwNyAyMC4xMTIzIDEwLjA1NTEpIiBmaWxsPSIjMEY2MkZFIi8+Cjwvc3ZnPgo=");
    background-position: 50%;
    background-repeat: no-repeat;
    transform: rotate(180deg);
    transform: scaleX(-1);
    z-index: 10;
    opacity: 0.25;
}
.configurator-page .recap-message .message {
    text-align: center;
    color: #000;
    font-family: "TT Commons";
    font-size: 2.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    max-width: 57rem;
    margin-left: auto;
    margin-right: auto;
}
.configurator-page .recap-message .close {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    right: 3.6rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    cursor: pointer;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS4zNzM3IDAuNjU3NDQ5QzExLjUzODUgMC40OTI2MTEgMTEuODA1MSAwLjQ5MjYxMSAxMS45Njk0IDAuNjU2ODU0QzEyLjEzNDIgMC44MjE2OTIgMTIuMTM0MiAxLjA4ODI5IDExLjk2OTQgMS4yNTMxM0w2LjkwODE4IDYuMzE0M0wxMS45Njk0IDExLjM3NTVDMTIuMTMzNiAxMS41Mzk3IDEyLjEzMzYgMTEuODA2MyAxMS45Njk0IDExLjk3MDZDMTEuODA0NSAxMi4xMzU0IDExLjUzNzkgMTIuMTM1NCAxMS4zNzM3IDExLjk3MTJMNi4zMTI1IDYuOTA5OThMMS4yNTEzMiAxMS45NzEyQzEuMDg3MDggMTIuMTM1NCAwLjgyMDQ4NCAxMi4xMzU0IDAuNjU1NjQ2IDExLjk3MDZDMC40OTE0MDMgMTEuODA2MyAwLjQ5MTQwMyAxMS41Mzk3IDAuNjU1NjQ2IDExLjM3NTVMNS43MTY4MiA2LjMxNDNMMC42NTU2NDUgMS4yNTMxM0MwLjQ5MTQwMyAxLjA4ODg4IDAuNDkwODA4IDAuODIxNjkyIDAuNjU1NjQ2IDAuNjU2ODU0QzAuODE5ODg5IDAuNDkyNjExIDEuMDg3MDggMC40OTMyMDYgMS4yNTEzMiAwLjY1NzQ0OUw2LjMxMjUgNS43MTg2M0wxMS4zNzM3IDAuNjU3NDQ5WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==");
    top: 50%;
    transform: translateY(-50%);
}
.configurator-page .configuration-recap .configuration-summary-title {
    color: #000;
    font-family: "TT Firs Neue";
    font-size: 3.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    align-self: start;
    margin-bottom: 4rem;
}
.configurator-page .configuration-recap .recap-image {
    margin-bottom: 6rem;
}
.configurator-page .configuration-recap .product-title {
    color: var(--pentashot-blue);
}
.configurator-page .configuration-recap.final table {
    width: 100%;
    margin: 0;
}

.configurator-page .configuration-recap.final td {
    color: var(--font-color-dark) !important;
    text-align: left !important;
    width: 50%;
}
.configurator-page .configuration-recap.final .recap-items {
    width: 100%;
    gap: 4rem;
    display: flex;
    flex-direction: column;
}
.configurator-page .final .recap-items .preview {
    width: 50%;
}
.configurator-page .final .recap-items .preview .selected-item-preview {
    height: 44rem;
}

.configurator-page .configuration-recap.final .recap-item {
    width: 100%;
}
.configurator-page .configuration-recap.final .recap-item .params-with-image {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
}
.configurator-page .configuration-recap.final .recap-item .table-wrap {
    width: 50%;
}
.configurator-page .configuration-recap.final .table-title {
    color: #000;
    font-family: "TT Commons";
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    text-align: left;
    border-bottom-width: 2px;
}
.configurator-page
    .configuration-recap.final
    .recap-item
    .product-title
    .product-line {
    color: #000;
    font-family: "TT Firs Neue", sans-serif;
    font-size: 2.2rem;
    margin: 0;
}
.configurator-page .configuration-recap.final .your-details {
    margin-top: 4rem;
}
.configurator-page .configuration-recap.final .recap-user-data {
    width: 100%;
    margin-top: 4rem;
}
.configurator-page
    .configuration-recap.final
    .recap-item
    .params-with-image
    .image-wrapper
    img {
    height: 25rem;
}

.configurator-page .controls {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 1.5rem;
    border-top: 2px solid var(--background-blue);
    padding-top: 4rem;
    margin-top: 8rem;
}

.configurator-page .configuration-recap.final .controls {
    border-top: 0px none;
    margin-top: 6rem;
    padding: 0;
    width: 100%;
}
.configurator-page .configuration-recap.final .controls .button {
    margin: 0;
}

.configurator-page .controls.space-between {
    justify-content: space-between;
}
.configurator-page .prev,
.configurator-page .edit-this,
.configurator-page .configure-another {
    font-weight: 600;
    font-size: 2.5rem;
}
.configurator-page .next {
    position: relative;
    clip-path: polygon(0 0, 93% 0, 100% 50%, 93% 100%, 0 100%);
    padding-right: 3.5rem;
}
.configurator-page .next.green {
    border: 2px solid #16c617;
    background-color: #16c617;
}
.configurator-page .next.green:hover {
    border: 2px solid #2fd82f;
    background-color: #2fd82f;
}
.configurator-page .prev {
    font-weight: 400;
    font-size: 2.2rem;
}
.configurator-page .bordered {
    margin-left: auto;
    border: 1px solid var(--pentashot-blue, #0043ce);
    background: var(--White, #fff);
    color: var(--pentashot-blue, #0043ce);
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
}

.configurator-page .prev:not(.no-icon):before {
    content: "";
    display: inline-block;
    position: relative;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjcwNDYzIDIuOTk2ODRIOS41MDQ2M0MxMS4yOTg2IDIuOTk2ODQgMTIuOTI0NiAzLjcyNTg0IDE0LjEwMDYgNC45MDE4NEwxNC4xMTI2IDQuOTEyODRDMTUuMjgzNiA2LjA4ODg0IDE2LjAwNzYgNy43MTE4NCAxNi4wMDc2IDkuNTAwODRDMTYuMDA3NiAxMS4yOTQ4IDE1LjI3OTYgMTIuOTIwOCAxNC4xMDI2IDE0LjA5NjhMMTQuMDkxNiAxNC4xMDg4QzEyLjkxNTYgMTUuMjc5OCAxMS4yOTM2IDE2LjAwMzggOS41MDQ2MyAxNi4wMDM4QzkuMjI4NjMgMTYuMDAzOCA5LjAwMzYyIDE1Ljc3OTggOS4wMDM2MiAxNS41MDM4QzkuMDAzNjIgMTUuMjI3OCA5LjIyODYzIDE1LjAwMjggOS41MDQ2MyAxNS4wMDI4QzExLjAyNDYgMTUuMDAyOCAxMi40MDA2IDE0LjM4NzggMTMuMzk2NiAxMy4zOTI4QzE0LjM5MTYgMTIuMzk2OCAxNS4wMDc2IDExLjAyMDggMTUuMDA3NiA5LjUwMDg0QzE1LjAwNzYgNy45ODA4NCAxNC4zOTE2IDYuNjAzODQgMTMuMzk2NiA1LjYwODg0QzEyLjQwMDYgNC42MTI4NCAxMS4wMjQ2IDMuOTk3ODQgOS41MDQ2MyAzLjk5Nzg0SDEuNzA1NjNMMy44NTM2MyA2LjE0NDg0QzQuMDQ5NjMgNi4zMzg4NCA0LjA1MDYzIDYuNjU1ODQgMy44NTU2MyA2Ljg1MDg0QzMuNjYxNjMgNy4wNDU4NCAzLjM0NTYzIDcuMDQ2ODQgMy4xNTA2MyA2Ljg1Mjg0TDAuMTQ2NjI1IDMuODQ5ODRDLTAuMDQ5Mzc0OCAzLjY1MTg0IC0wLjA0ODM3NDggMy4zMzY4NCAwLjE0NjYyNSAzLjE0MTg0TDMuMTUwNjMgMC4xNDE4NDNDMy4zNDU2MyAtMC4wNTMxNTcgMy42NjE2MyAtMC4wNTIxNTcgMy44NTU2MyAwLjE0Mzg0M0M0LjA1MDYzIDAuMzM4ODQzIDQuMDQ5NjMgMC42NTQ4NDMgMy44NTM2MyAwLjg0ODg0M0wxLjcwNDYzIDIuOTk2ODRaIiBmaWxsPSIjMDA0M0NFIi8+Cjwvc3ZnPgo=");
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    margin-right: 1rem;
    vertical-align: middle;
}

.configurator-page .error-message {
    background: #fff;
    border: 1px solid #ee4d44;
    border-radius: 2px;
    padding: 20px 20px 20px 59px;
    display: none;

    font-family: TT Commons;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #ee4d44;
}
.cursor-pointer {
    cursor: pointer;
}
.no-margin-bottom {
    margin-bottom: 0;
}

/* Slider */
.configurator-page .slider {
    width: 100%;
    margin-top: 4.5rem;
    margin-bottom: 4rem;
    height: 1rem;
    background: var(--background-blue);
    position: relative;
}
.configurator-page .slider .progress {
    width: 0%;
    height: 1rem;
    background-color: var(--spark-blue);
    position: absolute;
    left: 0px;
    top: 0px;
}
.configurator-page .step2 .slider .progress {
    width: 25%;
}
.configurator-page .step3 .slider .progress {
    width: 50%;
}
.configurator-page .step4 .slider .progress {
    width: 75%;
}

.configurator-page .slider .progress .rect {
    width: 1.6rem;
    height: 1.6rem;
    background-color: var(--spark-blue);
    transform: rotate(45deg);
    position: absolute;
    right: -8px;
    top: -3px;
}

.configurator-page .wp-block-group.contact-form {
    margin: 0rem auto 10rem !important;
}

.step6 .wpforms-submit-container {
    flex-direction: column;
    gap: 3rem;
}

.step6 .wpforms-submit {
    background-position: 3.5rem center;
}

/* RESPONSIVE */

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

@media (max-width: 1200px) {
    .configurator-page .customize-block .selected-item-preview {
        height: 40rem;
    }
}

@media (max-width: 990px) {
    .configuration-basket {
        width: 62rem;
    }
    .configuration-basket
        .basket-content
        .basket-items
        .product-title
        .content {
        min-width: 16rem;
    }
    .configuration-basket .basket-content .basket-items td {
        font-size: 1.6rem;
    }
    .configurator-page .item-list .item {
        width: calc((100% - 4rem) / 2);
    }

    .configurator-page .customize-block .preview {
        display: none;
    }
    .configurator-page .step7 .customize-block .preview {
        display: block;
    }

    .configurator-page .customize-block .items {
        width: 100%;
    }
}

@media (max-width: 750px) {
    .configuration-basket,
    .configuration-basket .basket-content {
        width: 100%;
    }
    .configuration-basket table {
        width: 100% !important;
    }
    .configurator-page .final .recap-items .preview {
        width: 80%;
        align-self: center;
    }
    .configurator-page .configuration-recap.final .recap-item .table-wrap {
        width: 100%;
    }

    .configurator-page .configuration-recap.final .recap-item {
        flex-direction: column;
    }
}

@media (max-width: 600px) {
    .configuration-basket,
    .configuration-basket .basket-content {
        width: 100%;
    }
    .configuration-basket table {
        width: 100% !important;
    }
    .configuration-basket .basket-content .basket-controls {
        flex-direction: column;
        gap: 2rem;
    }
    .configurator-page .item-list .item {
        width: 100%;
    }
    .configurator-page .controls {
        flex-direction: column;
        justify-content: start;
        gap: 2rem;
    }
    .configurator-page .controls .prev {
        text-align: center;
    }
    .configurator-page .controls .configure-another {
        margin-left: 0;
        margin: 0px;
    }
    .configurator-page .controls .next {
        margin: 0px;
    }
    .step6 .wpforms-submit-container {
        align-items: center;
    }
}

@media (max-width: 400px) {
    .configuration-basket,
    .configuration-basket .basket-content {
        width: 100%;
    }
    .configuration-basket table {
        width: 100% !important;
    }
    .configuration-basket .basket-content .basket-controls {
        flex-direction: column;
    }
    .configuration-basket
        .basket-content
        .basket-items
        .product-title
        .content {
        min-width: 13rem;
    }

    .configurator-page .controls .next,
    .configurator-page .controls .configure-another {
        width: 100%;
    }
    .configurator-page .controls .configure-another {
    }

    .configurator-page .vertical-item-list .item {
        flex-direction: column;
        height: auto;
        padding: 2rem;
    }
    .configurator-page .vertical-item-list .item:before {
        top: 1rem;
        right: 1rem;
        transform: translateY(0%);
    }
    .configurator-page .vertical-item-list .item .info .item-title,
    .configurator-page .vertical-item-list .item .info .item-description {
        text-align: center;
    }

    .configurator-page .configuration-recap.final td {
        font-size: 1.6rem;
    }
    .configurator-page .final .recap-items .preview .selected-item-preview {
        height: 30rem;
    }

    .configurator-page .wp-block-group.contact-form {
        padding: 3rem 2rem 2rem;
    }
}