#show .wrapper-ske {
    background-color: rgba(255, 255, 255, 1);
    height: 100%;
    z-index: 8;
}

#show .wrapper-ske .loading-icon {
    height: calc(100% - 80px - var(--safe-area-inset-bottom));
    margin-top: calc(var(--safe-area-inset-bottom));
}

.iphone #show .wrapper-ske .loading-icon {
    height: calc(100% - 60px - var(--safe-area-inset-bottom));
}

#show .wrapper-ske .loading-icon img {
    width: 70px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: pulse 1s infinite;
}


/* MENU */

/* Ricerca */

#menu .search {
    width: 100%;
    height: 40px;
    margin-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;
}

#menu .search .search-reset,
#menu .search .search-icon,
#menu .search .search-cancel {
    width: 35px;
    height: 40px;
    font-size: 0.9em;
    color: rgba(48, 53, 62, 1);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 6;
}

#menu .search .search-reset {
    display: none;
    width: 30px;
    font-size: 0.9em;
    cursor: pointer;
}

#menu .search .search-cancel {
    display: none;
    width: 30px;
    font-size: 1em;
    cursor: pointer;
    right: 20px;
}

#menu .search .search-reset:active,
#menu .search .search-cancel:active {
    color: rgba(255, 0, 110, 1);
}

#menu .search .search-reset i,
#menu .search .search-icon i,
#menu .search .search-cancel i {
    display: block;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}

#menu .search .search-reset i {
    text-align: left;
}

#menu .search input {
    border-radius: 10px;
    border: 1px solid rgba(224, 226, 230, 1);
    background-color: rgba(255, 255, 255, 1);
    height: 40px;
    padding-left: 35px;
    padding-right: 30px;
    font-size: 0.95em;
}

#menu .search input:focus {
    outline: 0;
    outline-offset: 0;
}

/* --- */

#menu #search {
    display: none;
    background-color: rgba(255, 255, 255, 1);
    width: 100%;
    height: calc(100% - 50px);
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: calc(10px + var(--safe-area-inset-bottom));
    padding-left: 20px;
    position: absolute;
    z-index: 12;
    overflow: overlay;
}

#menu #search .object-o {
    display: none;
    width: 100%;
    height: 64px;
    margin-bottom: 10px;
    cursor: pointer;
}

#menu #search .object-o .contents-e {
    width: 100%;
    height: 64px;
}

/* --- */

#menu #search .object-o .contents-e .image {
    flex-shrink: 0;
    width: 70px;
    height: auto;
}

#menu #search .object-o .contents-e .image .background {
    border-radius: 50%;
    background-color: rgba(245, 245, 245, 1);
    width: 60px;
    height: 60px;
}

#menu #search .object-o .contents-e .image .background img {
    border-radius: 50%;
    border: 1px solid rgba(224, 226, 230, 1);
    width: 60px;
    height: 60px;
}

#menu #search .object-o .contents-e .image .background i {
    display: block;
    font-size: 1.5em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* --- */

#menu #search .object-o .contents-e .search {
    display: none;
}

#menu #search .object-o .contents-e .info {
    flex-direction: column;
    min-width: 0;
}

#menu #search .object-o .contents-e .info .name h2,
#menu #search .object-o .contents-e .info .name h3 {
    font-size: 1em;
    font-weight: 600;
}

#menu #search .object-o .contents-e .info .desc p {
    margin-top: 2px;
    font-size: 0.8em;
    line-height: 1.4em;
}

#menu #search .object-o .contents-e .info .price h4 {
    margin-top: 2px;
    font-size: 0.9em;
    font-weight: 600;
    color: rgba(255, 0, 110, 1);
}

#menu #search .object-o .contents-e .info .price h4 del {
    margin-right: 5px;
}

#menu #search .object-o .contents-e .info .sub-sec h3,
#menu #search .object-o .contents-e .info .button h3 {
    font-size: 1em;
    font-weight: 600;
    line-height: 1.4em;
}

#menu #search .object-o .contents-e .info .note p {
    margin-top: 0;
    font-size: 0.8em;
    line-height: 1.4em;
}

/* Indice (Listino) */

#menu .contents .tabs-tabs #pricelist-tab .contents {
    border-radius: 0;
    background: none;
    padding-right: 0;
    padding-left: 0;
}

#menu .contents .tabs-tabs #pricelist-tab .contents .object-o {
    background-color: rgba(255, 255, 255, 1);
    width: 100%;
    padding: 10px 20px 10px 20px;
    cursor: pointer;
}

#menu .contents .tabs-tabs #pricelist-tab .contents .object-o:active {
    background-color: rgba(245, 245, 245, 1);
}

#menu .contents .tabs-tabs #pricelist-tab .contents .object-o.section {
    border-top: 1px solid rgba(224, 226, 230, 1);
}

#menu .contents .tabs-tabs #pricelist-tab .contents .object-o.section:first-child {
    border-top: 1px solid rgba(224, 226, 230, 1);
}

#menu .contents .tabs-tabs #pricelist-tab .contents .object-o:last-child {
    border-bottom: 1px solid rgba(224, 226, 230, 1);
}

#menu .contents .tabs-tabs #pricelist-tab .contents .object-o.sub-sec {
    padding: 5px 20px 5px 20px;
}

#menu .contents .tabs-tabs #pricelist-tab .contents .object-o.sub-sec:last-child::after {
    content: "";
    display: block;
    border-bottom: 1px solid rgba(224, 226, 230, 1);
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -5px;
    left: 0;
}

#menu .contents .tabs-tabs #pricelist-tab .contents .object-o.sub-sec:last-child,
#menu .contents .tabs-tabs #pricelist-tab .contents .object-o.sub-sec:has(+ .section) {
    border-bottom: 5px solid rgba(255, 255, 255, 1);
}

/* --- */

#menu .contents .tabs-tabs #pricelist-tab .object-o .contents-e .image {
    width: 40px;
    height: auto;
}

#menu .contents .tabs-tabs #pricelist-tab .object-o .contents-e .image .background {
    border-radius: 50%;
    background-color: rgba(245, 245, 245, 1);
    width: 30px;
    height: 30px;
}

#menu .contents .tabs-tabs #pricelist-tab .object-o:active .contents-e .image .background {
    background-color: rgba(255, 255, 255, 1);
}

#menu .contents .tabs-tabs #pricelist-tab .object-o .contents-e .image .background i {
    display: block;
    font-size: 0.9em;
    color: rgba(48, 53, 62, 0.5);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* --- */

#menu .contents .tabs-tabs #pricelist-tab .object-o .contents-e .info {
    flex-direction: column;
    padding-right: 10px;
}

#menu .contents .tabs-tabs #pricelist-tab .object-o .contents-e .info .name h2,
#menu .contents .tabs-tabs #pricelist-tab .object-o .contents-e .info .name h3,
#menu .contents .tabs-tabs #pricelist-tab .object-o .contents-e .info .sub-sec h3 {
    font-size: 0.95em;
    font-weight: 600;
}

#menu .contents .tabs-tabs #pricelist-tab .object-o .contents-e .info .sub-sec h3 {
    font-size: 0.85em;
    font-weight: 500;
}

#menu .contents .tabs-tabs #pricelist-tab .object-o .contents-e .info .desc p {
    margin-top: 4px;
    font-size: 0.8em;
    line-height: 1.4em;
}

/* --- */

#menu .contents .tabs-tabs #pricelist-tab .object-o .contents-e .icon {
    width: 20px;
}

#menu .contents .tabs-tabs #pricelist-tab .object-o .contents-e .icon i.icon-Forward12 {
    margin-bottom: -1px;
}

#menu .contents .tabs-tabs #pricelist-tab .object-o .contents-e .icon i {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0.8em;
    text-align: right;
}

/* Indice (Contatti) */

#menu .contents .tabs-tabs #contacts-tab .contents {
    display: grid;
    /*
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: start;
    */
    gap: 10px;
    border-radius: 0;
    background: none;
    padding-right: 0;
    padding-left: 0;
    padding-right: 20px;
    padding-left: 20px;
}

#menu .contents .tabs-tabs #contacts-tab .contents .contact {
    border-radius: 20px;
    border: 1px solid rgba(224, 226, 230, 1);
    background-color: rgba(255, 255, 255, 1);
    width: 100%;
    cursor: pointer;
}

#menu .contents .tabs-tabs #contacts-tab .contents .contact a {
    display: block;
    padding: 15px;
}

#menu .contents .tabs-tabs #contacts-tab .contents .contact-map-group {
    grid-column: 1 / -1;
    border-radius: 20px;
    border: 1px solid rgba(224, 226, 230, 1);
    background-color: rgba(255, 255, 255, 1);
    width: 100%;
    cursor: pointer;
}

#menu .contents .tabs-tabs #contacts-tab .contents .contact-map-group .contact {
    border: 0;
}

#menu .contents .tabs-tabs #contacts-tab .contact .contents-e {
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    width: 100%;
}

#menu .contents .tabs-tabs #contacts-tab .contact-map-group .contact .contents-e {
    flex-direction: column;
}

/* --- */

#menu .contents .tabs-tabs #contacts-tab .contact .contents-e .image {
    flex-shrink: 0;
    width: 30px;
    height: 20px;
}

#menu .contents .tabs-tabs #contacts-tab .contact-map-group .contact .contents-e .image {
    height: 24px;
}

#menu .contents .tabs-tabs #contacts-tab .contact .contents-e .image .background {
    /*
    width: 100%;
    height: 30px;
    */
    width: 20px;
    height: 20px;
}

#menu .contents .tabs-tabs #contacts-tab .contact-map-group .contact .contents-e .image .background {
    width: 100%;
    height: 24px;
}

#menu .contents .tabs-tabs #contacts-tab .contact .contents-e .image .background i {
    display: block;
    /* font-size: 1.5em; */
    font-size: 1.25em;
    color: rgba(48, 53, 62, 1);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#menu .contents .tabs-tabs #contacts-tab .contact-map-group .contact .contents-e .image .background i {
    font-size: 1.5em;
}

/* --- */

/*
#menu .contents .tabs-tabs #contacts-tab .contact .contents-e .info {
    padding-top: 10px;
}
*/

#menu .contents .tabs-tabs #contacts-tab .contact-map-group .contact .contents-e .info {
    padding-top: 10px;
    padding-right: 0;
}

#menu .contents .tabs-tabs #contacts-tab .contact .contents-e .info h3 {
    /* font-size: 0.85em; */
    font-weight: 600;
    /* text-align: center; */
    color: rgba(48, 53, 62, 1);
}

#menu .contents .tabs-tabs #contacts-tab .contact-map-group .contact .contents-e .info h3 {
    font-size: 0.85em;
    text-align: center;
}

#menu .contents .tabs-tabs #contacts-tab .contact .contents-e .info h4 {
    margin-top: 2px;
    font-size: 0.7em;
    /* text-align: center; */
    color: rgba(48, 53, 62, 0.6);
}

#menu .contents .tabs-tabs #contacts-tab .contact-map-group .contact .contents-e .info h4 {
    text-align: center;
}

/* --- */

#menu .contents .tabs-tabs #contacts-tab .contact .contents-e .icon {
    width: 20px;
}

#menu .contents .tabs-tabs #contacts-tab .contact-map-group .contact .contents-e .icon {
    display: none;
}

#menu .contents .tabs-tabs #contacts-tab .contact .contents-e .icon i {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0.9em;
    text-align: right;
}

/* --- */

#menu .contents .tabs-tabs #contacts-tab .contact-map-group .map-embed-wrap {
    padding: 0;
}

#menu .contents .tabs-tabs #contacts-tab .contact-map-group .map-embed-wrap iframe {
    display: block;
    border-bottom-right-radius: 19px;
    border-bottom-left-radius: 19px;
    border: 0;
    width: 100%;
    height: 250px;
}


/* CARRELLO */

#show-cart .contents {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#show-cart .results {
    height: calc(100% - 90px);
    padding: 20px;
    overflow: overlay;
}

.iphone #show-cart .results {
    height: calc(100% - 110px);
}

#show-cart .results .object-o {
    width: 100%;
    margin-top: 10px;
    cursor: pointer;
}

#show-cart .results .object-o:first-child {
    margin: 0;
}

/* --- */

#show-cart .results .object-o .contents-e .image {
    flex-shrink: 0;
    min-width: 0;
    width: 70px;
    height: auto;
}

#show-cart .results .object-o .contents-e .image img {
    border-radius: 50%;
    border: 1px solid rgba(224, 226, 230, 1);
    width: 60px;
    height: 60px;
}

#show-cart .results .object-o .contents-e .image .icon {
    display: block;
    border-radius: 50%;
    background-color: rgba(245, 245, 245, 1);
    width: 60px;
    height: 60px;
}

#show-cart .results .object-o .contents-e .image .icon i {
    display: block;
    border-radius: 50%;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#show-cart .results .object-o .contents-e .image.no-image {
    width: 0;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

#show-cart .results .object-o .contents-e .image.no-image .no-image {
    width: 0;
    height: 60px;
}

/* --- */

#show-cart .results .object-o .contents-e .info .name h3 {
    font-size: 1em;
    font-weight: 600;
}

#show-cart .results .object-o .contents-e .info .desc p {
    margin-top: 2px;
    font-size: 0.8em;
}

#show-cart .results .object-o .contents-e .info .price h4 {
    margin-top: 5px;
    font-size: 1em;
    font-weight: 600;
    /* color: rgba(255, 0, 110, 1); */
}

#show-cart .results .object-o .contents-e .info .price h4 del {
    margin-right: 5px;
}

/* --- */

#show-cart .results .object-o .contents-e .quantity {
    flex-shrink: 0;
    min-width: 0;
    width: 40px;
    height: 30px;
}

#show-cart .results .object-o .contents-e .quantity.open {
    width: 100px;
}

#show-cart .results .object-o .contents-e .quantity a {
    display: block;
    border-radius: 8px;
    border: 1px solid rgba(48, 53, 62, 0);
    width: 30px;
    height: 30px;
    color: rgba(48, 53, 62, 1);
    float: right;
}

#show-cart .results .object-o .contents-e .quantity a.remove {
    display: block;
}

#show-cart .results .object-o .contents-e .quantity a i {
    display: block;
    font-size: 0.9em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#show-cart .results .object-o .contents-e .quantity.selection {
    width: 40px;
}

#show-cart .results .object-o .contents-e .quantity.selection a {
    border: 1px solid rgba(48, 53, 62, 1);
}

#show-cart .results .object-o .contents-e .quantity.selection .add {
    display: none;
}

#show-cart .results .object-o .contents-e .quantity.selection a i {
    width: 24px;
    height: 24px;
    padding-top: 6px;
    padding-left: 5px;
    color: rgba(48, 53, 62, 1)
}

#show-cart .results .object-o .contents-e .quantity input {
    display: block;
    border: 0;
    background: none;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    font-size: 1em;
    text-align: center;
    opacity: 1;
    float: right;
}

/* --- */

#show-cart .partial {
    height: 40px;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
}

#show-cart .partial span {
    width: 50%;
    margin: 0;
    font-size: 1em;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.2em;
    color: rgba(149, 149, 149, 0.75);
    float: left;
}

#show-cart .partial strong {
    width: 50%;
    margin: 0;
    font-size: 1em;
    text-align: right;
    text-transform: uppercase;
    line-height: 1.2em;
    float: right;
}

/* --- */

#show-cart .button {
    height: 90px;
    padding: 20px;
}

#show-cart .button input[type=button] {
    border-radius: 50px;
    border: 1px solid rgba(50, 52, 55, 1);
    background-color: rgba(50, 52, 55, 1);
    height: 50px;
    color: rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 5px rgba(50, 52, 55, 0.4);
}

#show-cart .button input[type=button]:active {
    border: 1px solid rgba(140, 8, 102, 1);
    background-color: rgba(140, 8, 102, 1);
    color: rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 5px rgba(140, 8, 102, 0.4);
}

#show-cart .button input[type=button].disabled {
    border: 1px solid rgba(255, 0, 110, 0);
    background-color: rgba(50, 52, 55, 0.5);
    color: rgba(255, 255, 255, 1);
}

#show-cart .button input[type=button].disabled:active {
    border: 1px solid rgba(140, 8, 102, 0);
    background-color: rgba(140, 8, 102, 0.5);
    color: rgba(255, 255, 255, 1);
}


/* CHECKOUT */

#pages .cubeverse-page .inner#show-checkout .contents form,
#pages-s .cubeverse-page .inner#show-checkout .contents form {
    height: 100%;
}

#pages .cubeverse-page .inner#show-checkout .contents .scrollable,
#pages-s .cubeverse-page .inner#show-checkout .contents .scrollable {
    /* height: calc(100% - 120px); */
    height: calc(100% - 90px);
    padding-bottom: 20px;
    overflow: overlay;
}

.ipad #pages .cubeverse-page .inner#show-checkout .contents .scrollable,
.ipad #pages-s .cubeverse-page .inner#show-checkout .contents .scrollable,
.iphone #pages .cubeverse-page .inner#show-checkout .contents .scrollable,
.iphone #pages-s .cubeverse-page .inner#show-checkout .contents .scrollable {
    height: calc(100% - 70px - var(--safe-area-inset-bottom));
}

/* --- */

#show-checkout .s-title {
    border: 0;
}

/* --- */

#show-checkout .set-different-shipment {
    margin-top: 25px;
}

#show-checkout .different-shipment {
    display: none;
    padding-top: 25px;
}

/* --- */

#show-checkout .shipment-methods .element,
#show-checkout .payment-methods .element {
    border-radius: 25px;
    border: 1px solid rgba(224, 226, 230, 1);
    box-shadow: none;
}

#show-checkout .shipment-methods .element.active,
#show-checkout .payment-methods .element.active {
    border: 1px solid rgba(50, 52, 55, 1);
    box-shadow: none;
}

/* --- */

#show-checkout .input-checkout-gdpr {
    display: none !important;
}

/* --- */

#show-checkout .summary {
    border-radius: 10px;
    /* border: 1px solid rgba(224, 226, 230, 1); */
    background-color: rgba(245, 245, 245, 1);
    width: calc(100% - 40px);
    margin-right: 20px;
    /* margin-bottom: 0; */
    margin-left: 20px;
}

#show-checkout .summary .row {
    /* border-bottom: 1px solid rgba(224, 226, 230, 1); */
    margin: 0;
}

#show-checkout .summary .row:last-child {
    border-top: 1px dashed rgba(224, 226, 230, 1);
    border-bottom: 0;
}

#show-checkout .summary .row .cell {
    width: 40%;
    margin: 0;
    /* padding: 10px 0px 10px 10px; */
    padding: 0px 0px 10px 12px;
    font-size: 0.8em;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.2em;
    color: rgba(149, 149, 149, 0.75);
    float: left;
}

#show-checkout .summary .row .cell:nth-child(2) {
    /* border-left: 1px solid rgba(224, 226, 230, 1); */
    width: 60%;
    /* padding: 10px 10px 10px 0px; */
    padding: 0px 12px 10px 0px;
    font-weight: 400;
    text-align: right;
    text-transform: initial;
    color: rgba(48, 53, 62, 1);
}

#show-checkout .summary .row:first-child .cell,
#show-checkout .summary .row:first-child .cell:nth-child(2),
#show-checkout .summary .row:last-child .cell,
#show-checkout .summary .row:last-child .cell:nth-child(2) {
    padding-top: 10px;
}

#show-checkout .summary .row:last-child .cell,
#show-checkout .summary .row:last-child .cell:nth-child(2) {
    font-size: 1em;
    color: rgba(48, 53, 62, 1);
}

/* --- */

#show-checkout .buttons {
    /* height: 120px; */
    height: 90px;
    margin-bottom: 0;
    padding-top: 20px;
}

.ipad #show-checkout .buttons,
.iphone #show-checkout .buttons {
    height: calc(70px + var(--safe-area-inset-bottom));
}

#show-checkout .total {
    height: 60px;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
}

#show-checkout .total span {
    width: 50%;
    margin: 0;
    font-size: 1em;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.2em;
    color: rgba(149, 149, 149, 0.75);
    float: left;
}

#show-checkout .total strong {
    width: 50%;
    margin: 0;
    font-size: 1em;
    text-align: right;
    text-transform: uppercase;
    line-height: 1.2em;
    float: right;
}

#show-checkout .buttons input[type=button] {
    width: calc(40% - 5px);
    float: left;
}

#show-checkout .buttons a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid rgba(242, 41, 91, 1);
    width: 50px;
    height: 50px;
    font-size: 1.2em;
    color: rgba(242, 41, 91, 1);
    float: left;
}

#show-checkout .buttons a:active {
    background-color: rgba(242, 41, 91, 1);
    color: rgba(255, 255, 255, 1);
}

#show-checkout .buttons input[type=submit] {
    border-radius: 50px;
    /* width: calc(60% - 5px); */
    width: calc(100% - 60px);
    height: 50px;
    float: right;
}

/* --- */

#show-checkout .shipment-methods,
#show-checkout .payment-methods {
    padding-right: 20px;
    padding-left: 20px;
}

#show-checkout .element.active {
    background-color: rgba(50, 52, 55, 1);
}

#show-checkout .element .icon {
    width: 40px;
    margin: 0;
}

#show-checkout .element .icon i {
    display: block;
    border-radius: 50%;
    background-color: rgba(245, 245, 245, 1);
    width: 40px;
    height: 40px;
    font-size: 1.1em;
    text-align: center;
}

#show-checkout .element .icon i::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#show-checkout .element.active .icon i {
    background-color: rgba(255, 255, 255, 1);
}

#show-checkout .shipment-methods .element .details {
    margin: 0;
}

#show-checkout .payment-methods .element .details {
    width: calc(100% - 40px);
    margin: 0;
    padding-right: 0;
}

#show-checkout .element.active .details h3 {
    color: rgba(255, 255, 255, 1);
}

#show-checkout .shipment-methods .element .details h4 {
    white-space: normal;
    line-height: 1.4em;
}

#show-checkout .shipment-methods .element .details h4:nth-of-type(2) {
    margin-top: 2px;
}

#show-checkout .element.active .details h4 {
    color: rgba(255, 255, 255, 0.75);
}

#show-checkout .shipment-methods .element .details .min-price-note {
    display: none;
    color: rgba(209, 0, 0, 1);
}

#show-checkout .shipment-methods .element.disabled {
    opacity: 0.6;
    pointer-events: none;
}

#show-checkout .shipment-methods .element .price {
    width: 60px;
    margin: 0;
    font-size: 0.8em;
    font-weight: 600;
    text-align: right;
    white-space: nowrap;
}

#show-checkout .shipment-methods .element.active .price {
    color: rgba(255, 255, 255, 1);
}

#show-checkout .shipment-methods .element .price .v-middle {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

/* --- */

#checkout-paypal,
#checkout-success-message {
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
}

#checkout-paypal .inner,
#checkout-success-message .inner {
    border-radius: 30px;
    width: 300px;
    height: auto;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
}

#checkout-paypal .inner {
    width: 340px;
    max-height: 90%;
    padding: 0;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
}

#checkout-paypal .inner .no-scrollable {
    flex-shrink: 0;
    padding-top: 40px;
}

#checkout-paypal .inner .scrollable {
    flex: 1;
    min-height: 0;
    padding-bottom: 40px;
    overflow-y: auto;
}

#checkout-paypal .inner .close {
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 1);
    width: 30px;
    height: 30px;
    padding-top: 8px;
    font-size: 0.85em;
    text-align: center;
    position: absolute;
    top: 15px;
    left: 20px;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
    z-index: 1;
    cursor: pointer;
}

#checkout-paypal .inner .close:active {
    background-color: rgba(255, 0, 110, 1);
    color: rgba(255, 255, 255, 1);
}

#checkout-paypal .inner .icon,
#checkout-success-message .inner .icon {
    border-radius: 50%;
    border: 4px solid rgba(155, 221, 146, 1);
    width: 67px;
    height: 67px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    text-align: center;
}

#checkout-paypal .inner .icon {
    border: 4px solid rgba(25, 145, 211, 1);
}

#checkout-paypal .inner .icon i,
#checkout-success-message .inner .icon i {
    font-size: 2em;
    color: rgba(155, 221, 146, 1);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#checkout-paypal .inner .icon i {
    color: rgba(25, 145, 211, 1);
}

#checkout-paypal .inner h2,
#checkout-success-message .inner h2 {
    margin-bottom: 15px;
    font-size: 1.4em;
    text-align: center;
}

#checkout-paypal .inner h3,
#checkout-success-message .inner h3 {
    font-size: 0.85em;
    font-weight: 400;
    text-align: center;
    line-height: 1.4em;
    color: rgba(48, 53, 62, 0.6);
}

#checkout-paypal .inner h3.paypal-price {
    margin-bottom: 5px;
    font-weight: 600;
}

#checkout-paypal .inner #paypal-button-container {
    margin: 20px 20px 0 20px;
}