.gallery-slider__title { font-size: 20px; padding-bottom: 16px; } .checkout-review h2 { font-size: 24px; font-weight: 700; color: #727272; margin-bottom: 12px; display: flex; } .checkout-review h2 .back-button { background: none; border: none; filter: invert(0) brightness(0.4); width: 16px; height: 16px; cursor: pointer; margin-right: 8px; transition: width 0.25s; } .checkout-review h2 .back-button.hide { display: none; } .checkout-review h2 .back-button img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .checkout-review__container { display: flex; flex-direction: row; } @media (max-width: 1024px) { .checkout-review__container { flex-direction: column; } } .checkout-review__container .content { flex-grow: 1; } @media (max-width: 1024px) { .checkout-review__container .content { width: 100%; } } .checkout-review__container .content.right { flex-shrink: 0; flex-grow: 0; margin-left: 24px; width: 33.3%; position: sticky; top: 100px; align-self: flex-start; display: flex; flex-direction: column; gap: 16px; } @media (max-width: 1024px) { .checkout-review__container .content.right { width: 100%; margin-left: 0; margin-bottom: 44px; position: static; } } .checkout-review__container .content.right .pay-now { border-radius: 15px 15px 0 0; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); position: fixed; bottom: 0; margin: 0; z-index: 10; } @media (max-width: 1024px) { .checkout-review__container .content.right .pay-now { padding: 0; } } .checkout-review__container .content.right .pay-now .content { display: flex; flex-direction: row; } .checkout-review__container .content.right .pay-now .content .detail { display: flex; flex-direction: column; align-items: unset; justify-content: center; gap: 4px; width: 100%; } .checkout-review__container .content.right .pay-now .content .detail .title { color: #565252; font-size: 12px; font-weight: 700; } .checkout-review__container .content.right .pay-now .content .detail .amount { color: #fc4c02; font-size: 18px; font-weight: 700; } .checkout-review__container .content.right .pay-now .content .detail .grow { flex-grow: unset; justify-content: end; } .checkout-review__container .content.right .pay-now .content .detail .grow button { border-radius: 10px; max-width: 145px; margin: 0; } .checkout-review__container .content h2 { margin-top: 24px; } .checkout-review__container .content .box { box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15); background-color: #fff; border-radius: 15px; padding: 24px; width: 100%; box-sizing: border-box; margin-bottom: 12px; } @media (max-width: 1024px) { .checkout-review__container .content .box { border-radius: 0; box-shadow: none; } .checkout-review__container .content .box.detail-shipping { padding-bottom: 8px; } } .checkout-review__container .content .box.small { padding: 16px; } .checkout-review__container .content .box h2 { margin-top: 0; margin-bottom: 12px; font-size: 16px; } .checkout-review__container .content .box button.filledContent { background: none; border: none; box-sizing: border-box; width: 100%; text-align: left; display: flex; align-items: center; cursor: pointer; } .checkout-review__container .content .box button.filledContent:disabled { cursor: default; } .checkout-review__container .content .box button.filledContent span { color: #a2a2a2; font-size: 14px; flex-grow: 1; } .checkout-review__container .content .box button.filledContent img { width: 16px; height: 16px; -o-object-fit: contain; object-fit: contain; filter: brightness(0.1); margin-top: -24px; } .checkout-review__container .content .box button.filledContent.filled { color: #000; } .checkout-review__container .content .box button.filledContent.shipping { border: 1px solid #d1d3d4; background: #fff; padding: 8px 16px; border-radius: 10px; } .checkout-review__container .content .box button.filledContent.shipping span { color: #565252; } .checkout-review__container .content .box button.filledContent.shipping img { margin-top: 0; filter: brightness(1); } .checkout-review__container .content .box button.filledContent.notes { padding: 0 16px 8px; } .checkout-review__container .content .box .payment-details { border: none !important; margin: 0 !important; padding: 0 !important; } .checkout-review__container .content .box .header { border-bottom: 1px solid #d1d3d4; padding-bottom: 16px; box-sizing: border-box; display: flex; align-items: center; } .checkout-review__container .content .box .header .main { flex-grow: 1; } .checkout-review__container .content .box .header .addressTitle, .checkout-review__container .content .box .header .name { color: #565252; font-size: 18px; } .checkout-review__container .content .box .header .name { font-weight: 700; } .checkout-review__container .content .box .header .etaDate, .checkout-review__container .content .box .header .etaTitle { font-size: 14px; } .checkout-review__container .content .box .header .etaTitle { color: #565252; } .checkout-review__container .content .box .header .etaDate { color: #565252; font-weight: 700; } .checkout-review__container .content .box .header .addressTitle { color: #565252; font-weight: 300; } .checkout-review__container .content .box .header .paymentDetail { color: #565252; font-size: 18px; font-weight: 700; } .checkout-review__container .content .box .header button { background: none; border: none; color: #fc4c02; font-size: 14px; line-height: 1.14px; cursor: pointer; } .checkout-review__container .content .box .reverseOrder { border-bottom: 1px solid #d1d3d4; padding: 16px 0; box-sizing: border-box; display: flex; align-items: center; } .checkout-review__container .content .box .reverseOrder .main { flex-grow: 1; } .checkout-review__container .content .box .reverseOrder__username { padding: 8px; border-radius: 10px; border: 1px solid #d1d3d4; box-sizing: border-box; } .checkout-review__container .content .box .reverseOrder__error { display: block; margin-top: 16px; font-size: 14px; color: #fc4c02; } .checkout-review__container .content .box .reverseOrder__action { margin-left: 16px; } .checkout-review__container .content .box .reverseOrder__action button { background: none; border: none; color: #fc4c02; font-size: 14px; line-height: 1.14px; cursor: pointer; } .checkout-review__container .content .box .content { padding: 16px 0; box-sizing: border-box; } .checkout-review__container .content .box .content span.name { font-size: 14px; font-weight: 700; margin-bottom: 4px; font-weight: 400; } .checkout-review__container .content .box .content .address-container { display: flex; flex: 1; flex-direction: column; gap: 5px; } .checkout-review__container .content .box .content .address-container p { color: #272727; white-space: pre-line; line-height: normal; flex: 1; font-size: 14px; } @media (max-width: 1024px) { .checkout-review__container .content .box .content .address-container p { font-size: 12px; color: #565252; } } .checkout-review__container .content .box .content { border-bottom: 1px solid #d1d3d4; } .checkout-review__container .content .box .content .shippingMethod { max-width: 208px; width: 100%; } .checkout-review__container .content .box .content .shippingMethod span { display: block; font-size: 14px; color: #565252; margin-bottom: 8px; } .checkout-review__container .content .box .content .shippingMethod select { border-radius: 50px; border: 1px solid #d1d3d4; color: #fc4c02; padding: 12px 16px; box-sizing: border-box; width: 208px; } .checkout-review__container .content .box .content .shippingMethod select option { background: #fff; } .checkout-review__container .content .box .content .shippingMethod select option[disabled] { color: #777; } .checkout-review__container .content .box .content .shippingMethod select optgroup { background: #fff; border-bottom: 1px solid #d1d3d4; padding-bottom: 4px; } .checkout-review__container .content .box .content.borderless { border-bottom: none; } .checkout-review__container .content .box .content.marginless { padding-bottom: 0; margin-bottom: 0; } .checkout-review__container .content .box .content.paddingless { padding: 0; } .checkout-review__container .content .box .content .items { background: #fff; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; gap: 12px; margin-bottom: 0; padding: 12px 0; border-bottom: 1px solid #d1d3d4; } @media (max-width: 1024px) { .checkout-review__container .content .box .content .items { display: grid; grid-template-columns: 56px minmax(0, 1fr); grid-template-areas: "img details" "footer footer"; -moz-column-gap: 12px; column-gap: 12px; row-gap: 10px; align-items: start; } .checkout-review__container .content .box .content .items > .image, .checkout-review__container .content .box .content .items > img { grid-area: img; } .checkout-review__container .content .box .content .items > .details { grid-area: details; min-width: 0; } .checkout-review__container .content .box .content .items > .mobile-footer { grid-area: footer; } } .checkout-review__container .content .box .content .items:first-child { padding-top: 0; } .checkout-review__container .content .box .content .items:last-child { border-bottom: none; padding-bottom: 0; } .checkout-review__container .content .box .content .items img { border-radius: 5px; width: 56px; height: 56px; -o-object-fit: contain; object-fit: contain; flex-shrink: 0; } .checkout-review__container .content .box .content .items .image { flex-shrink: 0; } .checkout-review__container .content .box .content .items .image img { width: 56px; height: 56px; } .checkout-review__container .content .box .content .items .details { flex-grow: 1; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; } @media (max-width: 1024px) { .checkout-review__container .content .box .content .items .details { min-width: 0; } } .checkout-review__container .content .box .content .items .details .details-main { flex: 1; min-width: 0; } .checkout-review__container .content .box .content .items .details .details-main .name-link { display: block; text-decoration: none; } .checkout-review__container .content .box .content .items .details .details-main .name-link:focus .name, .checkout-review__container .content .box .content .items .details .details-main .name-link:hover .name { color: #fc4c02; text-decoration: underline; } .checkout-review__container .content .box .content .items .details .details-main .name { display: block; margin-bottom: 6px; color: #565252; font-size: 16px; font-weight: 700; line-height: 1.35; } @media (max-width: 1024px) { .checkout-review__container .content .box .content .items .details .details-main .name { font-size: 14px; -webkit-line-clamp: unset; -webkit-box-orient: unset; overflow: visible; display: block; } } .checkout-review__container .content .box .content .items .details .details-main .meta { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; color: #a2a2a2; font-size: 14px; } @media (max-width: 1024px) { .checkout-review__container .content .box .content .items .details .details-main .meta { font-size: 12px; } } .checkout-review__container .content .box .content .items .details .details-main .meta .meta-icon, .checkout-review__container .content .box .content .items .details .details-main .meta .point-icon { width: 14px; height: 14px; -o-object-fit: contain; object-fit: contain; border-radius: 0; } .checkout-review__container .content .box .content .items .details .details-main .meta .price { color: #565252; font-weight: 600; } .checkout-review__container .content .box .content .items .details .details-main .meta .price .dp-full-price { margin-left: 2px; color: #a2a2a2; font-weight: 500; } .checkout-review__container .content .box .content .items .details .details-main .meta .discount-price { color: #a2a2a2; } .checkout-review__container .content .box .content .items .details .details-main .meta .discount-price.strikethrough { text-decoration: line-through; } .checkout-review__container .content .box .content .items .details .details-main .meta .meta-dot { color: #fc4c02; line-height: 1; } @media (max-width: 1024px) { .checkout-review__container .content .box .content .items .details .details-main .meta .meta-dot { display: none; } } .checkout-review__container .content .box .content .items .details .details-main .meta .points { display: inline-flex; align-items: center; gap: 4px; color: #fc4c02; font-weight: 600; } @media (max-width: 1024px) { .checkout-review__container .content .box .content .items .details .details-main .meta .points { display: none; } } .checkout-review__container .content .box .content .items .details .details-main .adjustment-badge { margin-top: 8px; display: inline-flex; align-items: center; border-radius: 999px; background: #fff4cc; padding: 4px 10px; font-size: 11px; font-weight: 600; color: #9a6700; } .checkout-review__container .content .box .content .items .total span { display: block; width: 100%; } .checkout-review__container .content .box .content .items .total.compact { min-width: 96px; text-align: right; } .checkout-review__container .content .box .content .items .total.compact .total-price { color: #fc4c02; font-weight: 700; font-size: 18px; } .checkout-review__container .content .box .content .items .total.compact .qty { margin-top: 2px; color: #a2a2a2; font-size: 13px; } @media (max-width: 1024px) { .checkout-review__container .content .box .content .items .total.compact { display: none; } } .checkout-review__container .content .box .content .items .mobile-footer { display: none; } @media (max-width: 1024px) { .checkout-review__container .content .box .content .items .mobile-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 10px; border-top: 1px dashed #d1d3d4; min-width: 0; } } .checkout-review__container .content .box .content .items .mobile-footer .mobile-total-price { color: #fc4c02; font-weight: 700; font-size: 16px; flex-shrink: 0; } .checkout-review__container .content .box .content .items .mobile-footer .mobile-footer-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .checkout-review__container .content .box .content .items .mobile-footer .mobile-points { display: inline-flex; align-items: center; gap: 4px; color: #fc4c02; font-weight: 600; font-size: 12px; } .checkout-review__container .content .box .content .items .mobile-footer .mobile-points .point-icon { width: 14px; height: 14px; -o-object-fit: contain; object-fit: contain; } .checkout-review__container .content .box .content .items .mobile-footer .mobile-qty { display: inline-flex; align-items: center; padding: 4px 10px; border: 1px solid #d1d3d4; border-radius: 999px; color: #565252; font-size: 12px; font-weight: 600; } .checkout-review__container .content .box .content .detail { display: flex; align-items: center; font-size: 14px; } .checkout-review__container .content .box .content .detail.total { margin-top: 16px; padding-top: 16px; border-top: 1px solid #d1d3d4; } .checkout-review__container .content .box .content .detail.voucher { flex-direction: column; align-items: flex-start; } .checkout-review__container .content .box .content .detail.voucher span { font-weight: 400; color: #fc4c02; } .checkout-review__container .content .box .content .detail.voucher form { margin-top: 12px; display: flex; width: 100%; } .checkout-review__container .content .box .content .detail.voucher form input[type="text"] { padding: 8px 12px; height: 32px; box-sizing: border-box; border: 1px solid #d1d3d4; border-top-left-radius: 4px; border-bottom-left-radius: 4px; flex: 1; font-size: 14px; width: 80%; } .checkout-review__container .content .box .content .detail.voucher form input[type="submit"] { padding: 8px 12px; height: 32px; box-sizing: border-box; border: 1px solid #fc4c02; background-color: #fc4c02; color: #fff; border-top-right-radius: 4px; border-bottom-right-radius: 4px; font-size: 14px; cursor: pointer; } .checkout-review__container .content .box .content .detail.voucher form input[type="submit"]:disabled { background: #a2a2a2; cursor: not-allowed; border-color: #a2a2a2; } .checkout-review__container .content .box .content .detail.voucher button { background: none; color: #fc4c02; border: none; cursor: pointer; } .checkout-review__container .content .box .content .detail .grow { display: flex; flex-direction: row; flex-grow: 1; gap: 4px; } .checkout-review__container .content .box .content .detail .grow span { color: #565252; display: inline-block; } .checkout-review__container .content .box .content .detail .grow span.itemNum { font-size: 12px; margin-top: 2px; } .checkout-review__container .content .box .content .detail .grow .total-title { font-size: 18px; font-weight: 700; color: #565252; } .checkout-review__container .content .box .content .detail .grow .total-amount { font-size: 18px; font-weight: 700; color: #fc4c02; } .checkout-review__container .content .box .content .detail button.checkout { padding: 12px; background: #fc4c02; border: 1px solid #fc4c02; box-sizing: border-box; border-radius: 10px; color: #fff; font-size: 14px; margin-top: 16px; cursor: pointer; width: 100%; } .checkout-review__container .content .box .content .detail button.checkout:disabled { background: #a2a2a2; border-color: #a2a2a2; cursor: not-allowed; } .checkout-review__container .content .box .footer { display: flex; align-items: center; gap: 16px; padding-top: 16px; } @media (max-width: 1024px) { .checkout-review__container .content .box .footer { flex-direction: column; align-items: flex-start; } } .checkout-review__container .content .box .footer .footer-notes, .checkout-review__container .content .box .footer .footer-shipping { display: flex; flex-direction: column; gap: 8px; width: 100%; } .checkout-review__container .content .box .footer span { color: #272727; font-size: 14px; } @media (max-width: 1024px) { .checkout-review__container .content .box .footer span { margin-right: 0; font-size: 12px; } .checkout-review__container .content .box .footer span.notes { margin-left: 0; } } .checkout-review__container .content .box .footer input, .checkout-review__container .content .box .footer select, .checkout-review__container .content .box .footer textarea { border-radius: 10px; border: 1px solid #d1d3d4; background: #fff; font-size: 14px; box-sizing: border-box; height: 32px; } @media (max-width: 1024px) { .checkout-review__container .content .box .footer input, .checkout-review__container .content .box .footer select, .checkout-review__container .content .box .footer textarea { width: 100%; } } .checkout-review__container .content .box .footer textarea { padding: 8px 12px; box-sizing: border-box; resize: vertical; width: 100%; min-height: 48px; } .checkout-review__container .content .box .footer input { padding: 8px 12px; flex-grow: 1; } .checkout-review__container .content .box .footer select { padding: 4px 12px; } .checkout-review__container .content .box .footer select.mobile-only { padding: 4px 0; border: none; } .checkout-review__container .content .box .notice ul { max-width: 720px; margin: 0 auto; list-style-type: disc; } .checkout-review__container .content .box .notice ul li { margin-left: 20px; line-height: normal; margin-top: 12px; font-size: 14px; } .checkout-review__container .content .box .notice ul li .bank { grid-template-columns: 50% 50%; display: grid; margin-top: 20px; } .checkout-review__container .content .box .notice ul li .bank a { text-decoration: none; grid-column: 1 / span 2; } .checkout-review__container .content .box .notice ul li .bank div { display: flex; align-items: flex-start; justify-content: center; flex-direction: column; border: 1px solid #d1d3d4; background: #f7f7f7; padding: 24px; } .checkout-review__container .content .box .notice ul li .bank div img { height: 24px; margin: 0 0 8px; display: initial; } .checkout-review__container .content .box .notice ul li .bank div .textIcon { font-size: 24px; color: #fc4c02; font-weight: 700; } .checkout-review__container .content .box .notice ul li .bank div .textIcon .count { font-size: 20px; margin-left: 8px; color: #565252; } .checkout-review__container .content .box .notice ul li .bank div .bankName { font-size: 14px; color: gray; } .checkout-review__container .content .box .notice ul li .bank div .accountNumber { font-size: 14px; font-weight: 700; color: #565252; } .checkout-review__container .content .box .notice ul li .bank div .accountHolder { font-size: 14px; color: gray; margin-bottom: 8px; } .checkout-review__container .content .box .notice ul li .bank div.span { grid-column: 1 / span 2; } .checkout-review__container .content .box .notice ul li .bank div button { background: none; border: none; text-decoration: underline; color: gray; margin-top: 10px; cursor: pointer; } .checkout-review__container .content .box .notice ul li .bank + li { margin-top: 14px; } .checkout-review__container .content .order-container { background: rgba(0, 0, 0, 0); box-shadow: none; display: flex; flex-direction: column; gap: 16px; padding: 0; } .checkout-review__container .content .order-container .eta { box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15); background-color: #fff; border-radius: 15px; } .checkout-review__container .content .order-container .eta .header { background: #e8e8e8; border-radius: 15px 15px 0 0; border: none; padding: 16px 24px; } .checkout-review__container .content .order-container .eta .content { display: flex; flex-direction: column; gap: 16px; padding: 24px; } @media (max-width: 1024px) { .checkout-review__container .content .order-container { background: #fff; gap: 0; } .checkout-review__container .content .order-container .title { padding: 16px 24px 4px; } .checkout-review__container .content .order-container .eta { border-radius: 0; box-shadow: none; } .checkout-review__container .content .order-container .eta .header { border-radius: 0; } } .checkout-review__container .content .paymentMethodSelector { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; margin-bottom: 16px; } .checkout-review__container .content .paymentMethodSelector .method { width: 125px; height: 148px; padding: 0; cursor: pointer; border: 2px solid #e5e5e5; background: #fff; border-radius: 12px; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; } .checkout-review__container .content .paymentMethodSelector .method:hover:not(.tw-grayscale) { border-color: #d0d0d0; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); } .checkout-review__container .content .paymentMethodSelector .method div { box-sizing: border-box; background: #fff; padding: 16px 8px; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 100%; position: relative; } .checkout-review__container .content .paymentMethodSelector .method.active { border-color: #ff5722; background: #fff8f6; box-shadow: 0 4px 12px rgba(255, 87, 34, 0.15); } .checkout-review__container .content .paymentMethodSelector .method.active:after { content: ""; position: absolute; top: 8px; right: 8px; width: 20px; height: 20px; background: #ff5722; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .checkout-review__container .content .paymentMethodSelector .method.active:before { content: "✓"; position: absolute; top: 11px; right: 10px; width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 12px; font-weight: 700; z-index: 1; } .checkout-review__container .content .paymentMethodSelector .method.active span { color: #ff5722; font-weight: 600; } .checkout-review__container .content .paymentMethodSelector .method.tw-grayscale { opacity: 0.5; cursor: not-allowed; } .checkout-review__container .content .paymentMethodSelector .method.tw-grayscale:hover { transform: none; box-shadow: none; border-color: #e5e5e5; } .checkout-review__container .content .paymentMethodSelector .method img { height: 48px; width: 48px; flex-shrink: 0; -o-object-fit: contain; object-fit: contain; margin-bottom: 8px; } .checkout-review__container .content .paymentMethodSelector .method span { text-align: center; font-size: 13px; line-height: 1.3; color: #666; font-weight: 500; } .checkout-review .hidden { display: none; } .checkout-review__modal { border-radius: 4px !important; display: flex; flex-direction: column; padding: 24px; box-sizing: border-box; width: 100%; max-width: 720px; } .checkout-review__modal h2 { font-size: 24px; border-bottom: 1px solid #d1d3d4; padding-bottom: 13px; color: #565252; } .checkout-review__modal button { background: #fc4c02; border: 2px solid #fc4c02; border-radius: 5px; color: #fff; font-weight: 700; font-size: 18px; cursor: pointer; width: 100%; padding: 21px 5px; margin-top: 10px; box-sizing: border-box; } .checkout-review__modal .content { margin-top: 20px; overflow-y: auto; max-height: 65vh; } .checkout-review__modal .content .addr { border: 1px solid #d1d3d4; padding: 16px; box-sizing: border-box; border-radius: 4px; display: flex; margin-bottom: 16px; } .checkout-review__modal .content .addr:last-child { margin-bottom: 0; } .checkout-review__modal .content .addr:hover { border-color: #fc4c02; cursor: pointer; } .checkout-review__modal .content .addr span { color: #565252; display: inline-block; margin-bottom: 4px; font-size: 14px; } .checkout-review__modal .content .addr p { color: #565252; font-size: 14px; } .checkout-review__modal .content .addr .grow { flex-grow: 1; } .checkout-review__modal .content .addr .action { display: flex; flex-direction: column; } .checkout-review__modal .content .addr .action a { font-size: 12px; margin-bottom: 8px; display: flex; align-items: center; } .checkout-review__modal .content .addr .action a img { width: 16px; height: 16px; margin-right: 8px; } .stock-confirmation-banner { width: 100%; padding-top: 12px; } .stock-confirmation-banner .stock-confirmation-link { display: flex; align-items: flex-start; flex-direction: column; gap: 8px; padding: 10px 12px; background: #ffefe6; border: 1px solid #fc4c02; border-radius: 10px; text-decoration: none; color: #5d4037; font-size: 13px; line-height: 1.5; cursor: pointer; letter-spacing: normal; } .stock-confirmation-banner .stock-confirmation-link .stock-confirmation-title { font-size: 16px; font-weight: 700; color: #fc4c02; text-transform: uppercase; } .stock-confirmation-banner .stock-confirmation-link .stock-confirmation-description { font-size: 12px; } .stock-confirmation-banner .stock-confirmation-link .stock-confirmation-description strong { font-weight: 700; color: #fc4c02; } span.error { display: inline-block; font-weight: 400; color: #fc4c02; margin-top: 8px; font-size: smaller; } @media (max-width: 1024px) { span.error { margin-top: 16px; } } .divider { width: 100%; height: 1px; background-color: #d1d3d4; } @media (min-width: 1025px) { .mobile-only { display: none !important; } } @media (max-width: 1024px) { .desktop-only { display: none !important; } } .mobileOverlay { align-items: flex-end; justify-content: center; padding: 0; } .mobileOverlay.shipping { align-items: flex-start; } .mobileOverlay.shipping .mobileModal { margin-top: auto; } .mobileOverlay.shipping div.header { position: sticky; top: -128px; border-bottom: 1px solid #d1d3d4; } .mobileOverlay.changeMethod { align-items: center; } .mobileOverlay.changeMethod .mobileModal { border-radius: 4px; height: 100%; width: 100%; max-width: 360px; max-height: 540px; } .mobileOverlay.changeMethod .mobileModal > div { height: 100%; display: flex; flex-direction: column; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .mobileOverlay.changeMethod .mobileModal .header { border-bottom: 1px solid #d1d3d4; border-top-left-radius: 4px; border-top-right-radius: 4px; } .mobileOverlay.changeMethod .mobileModal .content { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .mobileOverlay.changeMethod .mobileModal .content, .mobileOverlay.changeMethod .mobileModal .content .box { padding-top: 0; margin-top: 0; box-shadow: none; } .mobileOverlay.changeMethod .mobileModal .box.explanation, .mobileOverlay.changeMethod .mobileModal .box.paymentMethod { padding: 0 !important; } .mobileOverlay.changeMethod .mobileModal .fill { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .mobileOverlay .mobileModal { margin: 0; width: 100%; border-radius: 0; max-width: 540px; box-shadow: none; padding: 0; } .mobileOverlay .mobileModal.notes, .mobileOverlay .mobileModal.notes div.header { border-radius: 20px 20px 0 0; } .mobileOverlay .mobileModal.full { max-width: none; height: 100%; background: #f7f7f7; } .mobileOverlay .mobileModal.full > div { height: 100%; display: flex; flex-direction: column; } .mobileOverlay .mobileModal div.header { display: flex; align-items: center; padding: 16px 20px; background: #fff; } .mobileOverlay .mobileModal div.header button.close { background: none; border: none; font-size: 32px; margin-right: 21px; display: flex; align-items: center; cursor: pointer; } .mobileOverlay .mobileModal div.header button.close img { filter: brightness(0.2); height: 16px; } .mobileOverlay .mobileModal div.header span { font-size: 16px; font-weight: 700; padding-top: 3px; color: #565252; } .mobileOverlay .mobileModal div.header.shadow { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); } .mobileOverlay .mobileModal div.select button { width: 100%; border: none; border-top: 1px solid #d1d3d4; padding: 16px 20px; background: none; text-align: left; cursor: pointer; } .mobileOverlay .mobileModal div.select button span { color: #565252; font-size: 14px; display: block; } .mobileOverlay .mobileModal div.select button span:last-child { color: #a2a2a2; font-size: 12px; } .mobileOverlay .mobileModal form { border-top: 1px solid #d1d3d4; padding: 16px 20px; box-sizing: border-box; } .mobileOverlay .mobileModal form span { display: block; margin-bottom: 12px; font-size: 14px; color: #565252; } .mobileOverlay .mobileModal form span.error { margin-bottom: 0; margin-top: 4px; color: #fc4c02; } .mobileOverlay .mobileModal form input { width: 100%; padding: 8px 12px; box-sizing: border-box; border: 1px solid #d1d3d4; border-radius: 4px; font-size: 14px; } .mobileOverlay .mobileModal form textarea { padding: 8px 12px; box-sizing: border-box; resize: none; width: 100%; border-radius: 10px; border: 1px solid #d1d3d4; font-size: 14px; min-height: 96px; } .mobileOverlay .mobileModal form button { width: 100%; background: #fc4c02; color: #fff; font-weight: 700; padding: 8px 12px; border-radius: 10px; border: 2px solid #fc4c02; margin-top: 16px; font-size: 14px; } .mobileOverlay .mobileModal form button:disabled { background-color: #a2a2a2; cursor: not-allowed; } .mobileOverlay .mobileModal .content { padding-top: 12px; flex-grow: 1; display: flex; flex-direction: column; } .mobileOverlay .mobileModal .content.paddingless { padding-top: 0; } .mobileOverlay .mobileModal .content .box { background: #fff; padding: 20px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15); margin-top: 8px; } .mobileOverlay .mobileModal .content .box.subtotal { display: flex; align-items: center; } .mobileOverlay .mobileModal .content .box.subtotal :first-child { flex-grow: 1; font-size: 14px; font-weight: 400; } .mobileOverlay .mobileModal .content .box.subtotal :last-child { font-size: 14px; font-weight: 700; color: #fc4c02; } .mobileOverlay .mobileModal .content .box.paymentMethod { padding: 20px 0; } .mobileOverlay .mobileModal .content .box.paymentMethod .header { font-size: 16px; color: #565252; padding: 0 20px; } .mobileOverlay .mobileModal .content .box.paymentMethod button { padding: 20px; box-sizing: border-box; border: none; border-bottom: 1px solid #d1d3d4; display: block; width: 100%; background: rgba(0, 0, 0, 0); text-align: left; display: flex; align-items: center; cursor: pointer; } .mobileOverlay .mobileModal .content .box.paymentMethod button:disabled { background-color: #a2a2a2; cursor: not-allowed; } .mobileOverlay .mobileModal .content .box.paymentMethod button img { width: 64px; height: 18px; -o-object-fit: contain; object-fit: contain; margin-right: 16px; } .mobileOverlay .mobileModal .content .box.paymentMethod button img.arrow { width: 24px; background: rgba(0, 0, 0, 0); filter: brightness(0); margin-right: 0; } .mobileOverlay .mobileModal .content .box.paymentMethod button span { font-size: 14px; line-height: 18px; flex-grow: 1; } .mobileOverlay .mobileModal .content .box.explanation { padding: 20px 0 0; display: flex; flex-direction: column; } .mobileOverlay .mobileModal .content .box.explanation .method { padding: 16px 20px; box-sizing: border-box; border-radius: 12px; width: 100%; background: #fff; text-align: left; display: flex; align-items: center; cursor: pointer; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); position: relative; } .mobileOverlay .mobileModal .content .box.explanation .method:last-child { margin-bottom: 0; } .mobileOverlay .mobileModal .content .box.explanation .method:hover:not(.tw-grayscale) { border-color: #d0d0d0; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } .mobileOverlay .mobileModal .content .box.explanation .method.active { border-color: #ff5722; background: #fff8f6; box-shadow: 0 4px 12px rgba(255, 87, 34, 0.15); } .mobileOverlay .mobileModal .content .box.explanation .method.active:after { content: "✓"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; background: #ff5722; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 14px; font-weight: 700; } .mobileOverlay .mobileModal .content .box.explanation .method.active span { color: #ff5722; font-weight: 600; } .mobileOverlay .mobileModal .content .box.explanation .method.tw-grayscale { opacity: 0.5; cursor: not-allowed; } .mobileOverlay .mobileModal .content .box.explanation .method.tw-grayscale:hover { box-shadow: none; border-color: #e5e5e5; } .mobileOverlay .mobileModal .content .box.explanation .method img { width: 64px; height: 24px; -o-object-fit: contain; object-fit: contain; margin-right: 16px; flex-shrink: 0; } .mobileOverlay .mobileModal .content .box.explanation .method span { font-size: 14px; line-height: 1.4; flex-grow: 1; color: #333; font-weight: 500; } .mobileOverlay .mobileModal .content .box.explanation .notice { padding: 20px; flex-grow: 1; } .mobileOverlay .mobileModal .content .box.explanation .notice p { background: rgba(234, 51, 21, 0.1); padding: 10px 25px; box-sizing: border-box; border-radius: 4px; border: 1px solid #d1d3d4; font-size: 14px; color: #565252; margin: 0 auto 12px; text-align: center; max-width: 720px; display: table; } .mobileOverlay .mobileModal .content .box.explanation .notice ul { max-width: 720px; margin: 0 auto; list-style-type: disc; } .mobileOverlay .mobileModal .content .box.explanation .notice ul li { margin-left: 20px; line-height: normal; margin-top: 12px; } .mobileOverlay .mobileModal .content .box.explanation .button { border-top: 1px solid #d1d3d4; padding: 20px; box-sizing: border-box; text-align: center; } .mobileOverlay .mobileModal .content .box.explanation .button button { padding: 12px; background: #fc4c02; border: 2px solid #fc4c02; box-sizing: border-box; font-size: 14px; color: #fff; width: 100%; border-radius: 4px; cursor: pointer; } .mobileOverlay .mobileModal .content .box.explanation .button button:disabled { background-color: #a2a2a2; cursor: not-allowed; border-color: #a2a2a2; } .mobileOverlay .mobileModal .content .box.explanation .button span { font-size: 14px; color: #fc4c02; display: block; margin-top: 8px; } .mobileOverlay .mobileModal .content .box.address { margin-top: 0; box-shadow: none; border-top: 1px solid #d1d3d4; padding: 0; display: flex; flex-direction: column; } .mobileOverlay .mobileModal .content .box.address .addresses { overflow: auto; flex-grow: 1; } .mobileOverlay .mobileModal .content .box.address .addresses .addressList button { display: flex; background: rgba(0, 0, 0, 0); text-align: left; padding: 20px; width: 100%; align-items: center; box-sizing: border-box; border: none; border-bottom: 1px solid #d1d3d4; cursor: pointer; } .mobileOverlay .mobileModal .content .box.address .addresses .addressList button .grow { flex-grow: 1; } .mobileOverlay .mobileModal .content .box.address .addresses .addressList button span { font-size: 14px; margin-bottom: 4px; display: block; } .mobileOverlay .mobileModal .content .box.address .addresses .addressList button p { color: #565252; font-size: 12px; white-space: pre-line; } .mobileOverlay .mobileModal .content .box.address .addresses .addressList button img { filter: brightness(0.2); width: 16px; height: 16px; -o-object-fit: contain; object-fit: contain; } .mobileOverlay .mobileModal .content .box.address .addresses .addressList .action { display: flex; } .mobileOverlay .mobileModal .content .box.address .addresses .addressList .action a { width: 50%; padding: 10px 20px; box-sizing: border-box; display: flex; align-items: center; border-bottom: 1px solid #d1d3d4; font-size: 12px; } .mobileOverlay .mobileModal .content .box.address .addresses .addressList .action a img { width: 16px; height: 16px; margin-right: 8px; } .mobileOverlay .mobileModal .content .box.address .addresses .addressList .action a:first-child { border-right: 1px solid #d1d3d4; } .mobileOverlay .mobileModal .content .box.address .button { border-top: 1px solid #d1d3d4; padding: 20px; box-sizing: border-box; text-align: center; } .mobileOverlay .mobileModal .content .box.address .button button { padding: 12px; background: #fc4c02; border: 2px solid #fc4c02; box-sizing: border-box; font-size: 14px; color: #fff; width: 100%; border-radius: 4px; cursor: pointer; } .mobileOverlay .mobileModal .content .box.address .button span { font-size: 14px; color: #fc4c02; display: block; margin-top: 8px; } .mobileOverlay .mobileModal .content .box.fill { flex-grow: 1; } .voucherReason { text-align: center; } .errorImage { display: block; margin-left: auto; margin-right: auto; width: 64px; height: 64px; margin-bottom: 12px; } .button-hover-disabled:hover { cursor: not-allowed !important; } .hide_on_zero { display: none !important; } .pickupInfo_modal { background-color: #fff; border-radius: 10px; padding: 22px; max-width: 500px; width: 100%; margin: auto; font-size: small; } .pickupInfo_modal__content { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; margin: 20px 0; } @media (max-width: 1024px) { .pickupInfo_modal__content { margin-top: 8px; } } .pickupInfo_modal__content img { width: 144px; height: 144px; -o-object-fit: contain; object-fit: contain; } .pickupInfo_modal__content__text { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 12px; } .header-mobile { display: flex; flex-direction: row; justify-content: space-between; gap: 16px; } .header-mobile h2 { margin: 0 !important; } .header-mobile button.addressButton { background: none; border: none; color: #fc4c02; cursor: pointer; font-size: 14px; width: -moz-fit-content; width: fit-content; } .backButton_info_modal { color: #fc4c02; background: none; border: none; font-weight: 700; margin-bottom: 12px; cursor: pointer; } .backButton_info_modal:hover { text-decoration: underline; } .info_heading { font-size: 28px; text-align: center; } .info_paragraph { font-size: 16px; line-height: normal; } .info_list { margin: 0 6px; } .info_list_item { font-size: 16px; list-style-type: decimal; margin-left: 20px; } .info_button { background-color: #fc4c02; color: #fff; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-size: 16px; transition: background-color 0.3s ease; width: 100%; font-weight: 700; display: block; } .info_button:hover { background-color: #9d2f00; } .info_button:disabled { cursor: not-allowed; background: #d1d3d4; border-color: #d1d3d4; color: #fff; } .bolded_info_text { font-weight: 700; } .top_border_info { margin: 0 -20px; } .line_seperator_info { color: #d7d7d7; border-color: #d7d7d7; } .checkbox_do_not_show { display: flex; align-items: center; margin: 24px 0; } .checkbox_do_not_show input[type="checkbox"] { margin-right: 8px; appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 18px; height: 18px; border: 2px solid #fc4c02; border-radius: 3px; outline: none; cursor: pointer; position: relative; background-color: #fff; } .checkbox_do_not_show input[type="checkbox"]:checked { background-color: #fc4c02; border-color: #fc4c02; } .checkbox_do_not_show input[type="checkbox"]:checked:after { content: ""; position: absolute; left: 4px; width: 4px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } .checkbox_do_not_show label { font-size: 16px; color: #333; cursor: pointer; width: 100%; } .selectWrapper_rampable { position: relative; display: inline-block; width: 100%; } .paymentMethodSelect_rampable { width: 100%; padding: 10px 40px 10px 16px; font-size: 16px; margin-top: 8px; border-radius: 8px; background-color: #fff; color: #333; outline: none; cursor: pointer; appearance: none; -webkit-appearance: none; -moz-appearance: none; } .selectArrow_rampable { position: absolute; right: 12px; top: 60%; transform: translateY(-50%); pointer-events: none; font-size: 14px; color: #333; } .shipping-method-button { display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 208px; padding: 8px 8px 8px 16px; border: 1px solid #e0e0e0; border-radius: 50px; background: #fff; cursor: pointer; font-size: 14px; color: #333; transition: all 0.2s ease; } .shipping-method-button:hover { border-color: #ff6b35; background-color: #fff5f2; } .shipping-method-button:disabled { opacity: 0.6; cursor: not-allowed; } .shipping-method-button span { margin: 0 !important; flex: 1; text-align: left; } .discounted-amount { color: #fc4c02; } .payment-info { max-width: 480px; padding: 8px; display: table; margin: 0 auto; } @media (max-width: 1024px) { .payment-info { max-width: 100%; padding: 0; } } .payment-info__content { margin-top: 24px; } @media (max-width: 1024px) { .payment-info__content { margin-top: 16px; text-align: center; } } @media (max-width: 520px) { .payment-info__content { margin-top: 8px; } } .payment-info__content h2 { font-size: 18px; font-weight: 200; color: #565252; padding-bottom: 16px; border-bottom: 1px solid #d1d3d4; margin-bottom: 14px; } @media (max-width: 1024px) { .payment-info__content h2 { font-size: 16px; } } .payment-info__content { background: #fff; padding: 24px; border-radius: 4px; box-shadow: 0 0 4px 0 rgba(14, 14, 14, 0.1); } @media (max-width: 1024px) { .payment-info__content { padding: 16px; } } .payment-info__content h3 { font-size: 18px; color: #565252; font-weight: 400; margin-bottom: 16px; } @media (max-width: 1024px) { .payment-info__content h3 { font-size: 16px; font-weight: 700; } } .payment-info__content .deadline, .payment-info__content .total { margin-bottom: 16px; } .payment-info__content .deadline span, .payment-info__content .total span { display: block; font-size: 14px; color: gray; margin-top: 2px; } @media (max-width: 1024px) { .payment-info__content .deadline span, .payment-info__content .total span { font-size: 18px; } } .payment-info__content .deadline span:nth-child(2), .payment-info__content .total span:nth-child(2) { font-size: 16px; color: #565252; font-weight: 700; } @media (max-width: 1024px) { .payment-info__content .deadline span:nth-child(2), .payment-info__content .total span:nth-child(2) { font-size: 20px; } } .payment-info__content .total span:nth-child(2) { color: #fc4c02; display: flex; } @media (max-width: 1024px) { .payment-info__content .total span:nth-child(2) { justify-content: center; } } .payment-info__content .total span:nth-child(2) abbr { color: hsl(17.76, 98.4251968504%, 39.8039215686%); margin-left: 8px; text-decoration: underline; cursor: default; } .payment-info__content .total button { background: none; border: none; text-decoration: underline; color: gray; margin-top: 10px; cursor: pointer; } .payment-info__content .notice { border: 1px solid #d1d3d4; background-color: rgba(234, 51, 21, 0.1); padding: 16px; border-radius: 4px; box-sizing: border-box; } .payment-info__content .notice p { color: #565252; } .payment-info__content .notice { margin-bottom: 16px; } .payment-info__content hr { border: none; border-top: 1px solid #d1d3d4; } .payment-info__content .paymentHeader { font-size: 14px; margin-top: 16px; display: block; } @media (max-width: 1024px) { .payment-info__content .paymentHeader { font-size: 12px; } } .payment-info__content .bank { grid-template-columns: 50% 50%; display: grid; margin-top: 20px; } .payment-info__content .bank a { text-decoration: none; grid-column: 1 / span 2; } .payment-info__content .bank div { display: flex; align-items: flex-start; justify-content: center; flex-direction: column; border: 1px solid #d1d3d4; background: #f7f7f7; padding: 24px; } .payment-info__content .bank div img { height: 24px; margin: 0 0 8px; display: initial; } .payment-info__content .bank div .textIcon { font-size: 24px; color: #fc4c02; font-weight: 700; } .payment-info__content .bank div .textIcon .count { font-size: 20px; margin-left: 8px; color: #565252; } .payment-info__content .bank div .bankName { font-size: 14px; color: gray; } .payment-info__content .bank div .accountNumber { font-size: 14px; font-weight: 700; color: #565252; } .payment-info__content .bank div .accountHolder { font-size: 14px; color: gray; margin-bottom: 8px; } .payment-info__content .bank div.span { grid-column: 1 / span 2; } .payment-info__content .bank div button { background: none; border: none; text-decoration: underline; color: gray; margin-top: 10px; cursor: pointer; } .payment-info__content .bank + li { margin-top: 14px; } .payment-info__content .step { font-size: 14px; margin-top: 16px; } .payment-info__content .step li { display: flex; align-items: baseline; margin-bottom: 14px; text-align: left; } @media (max-width: 1024px) { .payment-info__content .step li { font-size: 12px; } } .payment-info__content .step li:before { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; background: #fc4c02; color: #fff; border-radius: 100%; margin-right: 8px; font-size: 12px; content: attr(data-number); flex-shrink: 0; } @media (max-width: 1024px) { .payment-info__content .step li:before { font-size: 12px; width: 20px; height: 20px; } } .payment-info__content .step li b { margin: 0 0.5ch; color: #fc4c02; } .payment-info__content .step img { display: table; margin: 24px auto; max-width: 256px; } .payment-info__content .notify { margin-top: 16px; font-size: 14px; } .payment-info__content__list { margin: 20px auto; } @media (max-width: 1500px) { .payment-info__content__list { width: 70%; } } @media (max-width: 1024px) { .payment-info__content__list { width: 100%; } } .payment-info__content__list .list h4 { color: #fc4c02; font-size: 1.5em; margin-bottom: 10px; } @media (max-width: 800px) { .payment-info__content__list .list h4 { font-size: 1.1em; } } .payment-info__content__list .list .content { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; margin-bottom: 15px; border-top: 2px solid #d1d3d4; padding-top: 15px; } .payment-info__content__list .list .content:last-child { border-bottom: 2px solid #d1d3d4; padding-bottom: 15px; margin-bottom: 50px; } .payment-info__content__list .list .content .img { width: 15%; } @media (max-width: 600px) { .payment-info__content__list .list .content .img { width: 20%; } } .payment-info__content__list .list .content .img img { width: 100%; } .payment-info__content__list .list .content .detail { margin-left: 20px; } @media (max-width: 600px) { .payment-info__content__list .list .content .detail { margin-left: 10px; } } .payment-info__content__list .list .content .detail li { font-size: 1.1em; margin-bottom: 10px; } @media (max-width: 800px) { .payment-info__content__list .list .content .detail li { font-size: 1em; } } .payment-info__content__list .list .content .detail li.name { color: #fc4c02; font-size: 1.3em; } @media (max-width: 800px) { .payment-info__content__list .list .content .detail li.name { font-size: 1.1em; } } .payment-info__content__details { width: 70%; margin: 0 auto; font-size: 1.2em; } @media (max-width: 800px) { .payment-info__content__details { font-size: 1em; } } @media (max-width: 1024px) { .payment-info__content__details { width: 100%; } } .payment-info__content__details p { padding: 5px 0; text-align: justify; } .payment-info__content__details span { color: #fc4c02; font-weight: 700; } .payment-info__content__details .bimo { text-align: center; font-weight: 700; font-size: 1.3em; margin-bottom: 10px; } @media (max-width: 800px) { .payment-info__content__details .bimo { font-size: 1.1em; } } .payment-info__content__details .bank { display: grid; grid-template-columns: 50% 50%; margin-top: 20px; } @media (max-width: 600px) { .payment-info__content__details .bank { display: block; } } .payment-info__content__details .bank div { text-align: center; margin: 10px; } @media (max-width: 600px) { .payment-info__content__details .bank div { margin: 20px 0; } } .payment-info__content__details .bank img { height: 70px; max-width: 100%; display: block; margin: 0 auto; -o-object-fit: contain; object-fit: contain; } .payment-info__content__details .bank span { display: block; color: #000; margin-top: 5px; } @media (max-width: 800px) { .payment-info__content__details .bank span { font-size: 1em; } } .payment-info__content .links { display: table; margin: 20px auto 0; } .payment-info__content .links a { color: #a2a2a2; text-decoration: underline; } .payment-info__content .links a:first-child { margin-right: 4px; padding-right: 4px; display: inline-block; border-right: 1px solid #a2a2a2; } .payment-info .copiedNotice { position: fixed; left: 0; margin: 8px; padding: 16px 24px; border-radius: 4px; color: #fc4c02; background: #fff; font-size: 14px; font-weight: 700; box-shadow: 0 0 4px 0 rgba(14, 14, 14, 0.1); width: -moz-fit-content; width: fit-content; text-align: center; transition: opacity 0.25s, bottom 0.25s; box-sizing: border-box; } @media (max-width: 1024px) { .payment-info .copiedNotice { width: 100%; margin: 0; border-top: 1px solid #d1d3d4; } } @media (min-width: 1025px) { .payment-info .mobileOnly { display: none; } } @media (max-width: 1024px) { .payment-info .desktopOnly { display: none; } } .searchpage .content { width: 100%; margin: 50px auto; display: flex; flex-direction: row; flex-direction: center; align-items: flex-start; } @media (max-width: 1024px) { .searchpage .content { flex-direction: column-reverse; } } .searchpage .content__main { width: 80%; flex-shrink: 1; border-radius: 8px; padding: 16px; background: #fff; box-sizing: border-box; box-shadow: 0 0 4px 0 rgba(14, 14, 14, 0.1); } .searchpage .content__main .heading { display: flex; align-items: flex-start; border-bottom: 1px solid #d1d3d4; } @media (max-width: 1024px) { .searchpage .content__main .heading { display: flex; align-items: flex-start; border-bottom: none; } } .searchpage .content__main .heading .left { flex-grow: 1; } .searchpage .content__main h3 { font-size: 24px; margin-bottom: 4px; } @media (max-width: 1024px) { .searchpage .content__main { width: 100%; border-radius: 0; } } .searchpage .content__main .count { font-size: 14px; color: gray; margin-bottom: 16px; display: inline-block; } @media (max-width: 1024px) { .searchpage .content__main .count { margin-bottom: 0; } } .searchpage .content__main hr { border: 0.25px solid #d1d3d4; } .searchpage .content .parameters { display: none; margin: -16px; padding: 16px; border-bottom: 1px solid #d1d3d4; } @media (max-width: 1024px) { .searchpage .content .parameters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; position: sticky; top: 56px; background: #fff; z-index: 6; } .searchpage .content .parameters.anniv-sale-parameters { top: 86px; padding: 40px 16px 16px; } .searchpage .content .parameters.mono-goods-parameters { top: 112px; padding: 40px 16px 16px; } } .searchpage .content .parameters button { border-radius: 8px; border: 1px solid #fc4c02; background: none; flex-grow: 1; padding: 8px; box-sizing: border-box; color: #fc4c02; cursor: pointer; font-size: 14px; display: flex; align-items: center; justify-content: center; } .searchpage .content .parameters button img { -o-object-fit: contain; object-fit: contain; width: 24px; height: 24px; margin-right: 8px; } .searchpage .content .parameters button:hover { color: #fff; background: #fc4c02; } .searchpage .content .parameters button:hover img { filter: brightness(0) invert(1); } .searchpage .content__filter { width: 256px; border-radius: 4px; background: #fff; box-sizing: border-box; box-shadow: 0 0 4px 0 rgba(14, 14, 14, 0.1); margin-right: 24px; flex-shrink: 0; } @media (max-width: 1024px) { .searchpage .content__filter { display: none; } } .searchpage .content__filter .category { font-size: 16px; font-weight: 700; margin-bottom: 16px; display: flex; justify-content: space-between; align-items: center; } .searchpage .content__filter .category button { background: rgba(0, 0, 0, 0); border: none; color: #fc4c02; font-size: 12px; cursor: pointer; } .searchpage .content__filter .subcategory { margin-top: 16px; font-size: 14px; font-weight: 700; margin-bottom: 12px; display: flex; justify-content: space-between; align-items: center; } .searchpage .content__filter .subcategory button { background: rgba(0, 0, 0, 0); border: none; color: #fc4c02; font-size: 12px; cursor: pointer; } .searchpage .content__filter .radioB { display: flex; align-items: center; flex-direction: row; gap: 6px; cursor: pointer; margin-bottom: 12px; } .searchpage .content__filter .radioB.indented { margin-left: 24px; } .searchpage .content__filter .radioB span { font-size: 14px; color: gray; display: inline-flex; align-items: center; box-sizing: border-box; padding: 2px; border-radius: 4px; width: 100%; } .searchpage .content__filter .radioB span.anniv-sale { background: linear-gradient( to bottom, var(--primary-color), var(--secondary-color) ); padding: 2px 8px; color: #fff; width: -moz-fit-content; width: fit-content; } .searchpage .content__filter .radioB input { appearance: none; -webkit-appearance: none; -moz-appearance: none; align-self: center; accent-color: #fc4c02; border: 2px solid #d0d0d0; cursor: pointer; border-radius: 4px; width: 18px !important; height: 18px !important; min-width: 18px; min-height: 18px; max-width: 18px; max-height: 18px; box-sizing: border-box; flex-shrink: 0; transition: all 0.15s ease-in-out; } .searchpage .content__filter .radioB input:checked, .searchpage .content__filter .radioB input:hover { background-color: #fc4c02; border-color: #fc4c02; } .searchpage .content__filter .radioB input:checked:before, .searchpage .content__filter .radioB input:hover:before { content: ""; width: 4px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); position: relative; display: block; left: 4px; top: -1px; } .searchpage .content__filter .poDeadline { font-size: 14px; color: gray; display: block; align-items: center; box-sizing: border-box; } .searchpage .content__filter .poDeadline + select { border: 1px solid #d1d3d4; border-radius: 4px; padding: 8px 14px; background: rgba(0, 0, 0, 0); margin-top: 4px; margin-bottom: 2px; width: 100%; } .searchpage .content__filter .categoryCheck { display: block; cursor: pointer; margin-bottom: 8px; padding-left: 16px; } .searchpage .content__filter .categoryCheck span { font-size: 14px; color: #606060; display: inline-flex; align-items: center; box-sizing: border-box; width: 100%; flex-grow: 1; position: relative; padding-right: 32px; } .searchpage .content__filter .categoryCheck span:after { background-image: url(/static/img/icon/check_orange.svg); background-position: 50%; background-size: contain; width: 16px; height: 16px; content: " "; display: inline-block; position: absolute; right: 0; opacity: 0; } .searchpage .content__filter .categoryCheck input { display: none; } .searchpage .content__filter .categoryCheck input:checked + span { color: #fc4c02; } .searchpage .content__filter .categoryCheck input:checked + span:after { opacity: 1; } .searchpage .content__filter button { font-size: 14px; color: #fc4c02; background: none; border: none; cursor: pointer; } .searchpage .content__filter hr { border: none; border-top: 1px solid #d1d3d4; margin: 14px 0; } .searchpage .content__filter input[type="number"], .searchpage .content__filter input[type="text"] { border: 1px solid #d1d3d4; border-radius: 4px; padding: 10px 16px; margin-bottom: 12px; width: 100%; box-sizing: border-box; } .searchpage .content__filter input[type="number"].noMarginBottom, .searchpage .content__filter input[type="text"].noMarginBottom { margin-bottom: 0; } .searchpage__range__track { height: 3px; margin-top: 24px; border-radius: 4px; width: calc(100% - 16px); margin-left: 8px; margin-bottom: 16px; } .searchpage__range__thumb { width: 16px; height: 16px; border: 3px solid #fc4c02; background: #fff; border-radius: 100%; } .search-filter-overlay { padding: 0; } .search-filter-overlay .search-filter-modal { width: 100%; height: 100%; box-sizing: border-box; border-radius: 0; background: #f7f7f7; padding: 0; } .search-filter-overlay .search-filter-modal .header { background: #fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); padding: 14px 20px; box-sizing: border-box; display: flex; align-items: center; position: relative; } .search-filter-overlay .search-filter-modal .header button.back { width: 24px; height: 24px; padding: 4px; background: none; border: none; box-sizing: border-box; margin-right: 16px; cursor: pointer; } .search-filter-overlay .search-filter-modal .header button.back img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; filter: brightness(0.3); } .search-filter-overlay .search-filter-modal .header button.reset { border: none; background: none; color: #fc4c02; font-size: 14px; cursor: pointer; } .search-filter-overlay .search-filter-modal .header span { font-size: 16px; font-weight: 700; color: #565252; flex-grow: 1; } .search-filter-overlay .search-filter-modal .content button.subPage { padding: 20px 24px; width: 100%; background: #fff; border: none; border-bottom: 1px solid #d1d3d4; display: flex; align-items: center; text-align: left; cursor: pointer; } .search-filter-overlay .search-filter-modal .content button.subPage div { flex-grow: 1; display: flex; flex-direction: column; } .search-filter-overlay .search-filter-modal .content button.subPage div span { font-size: 16px; font-weight: 700; color: #565252; } .search-filter-overlay .search-filter-modal .content button.subPage div span:last-child { display: none; } .search-filter-overlay .search-filter-modal .content button.subPage div.hasFilter span { font-size: 12px; font-weight: 400; color: #939393; } .search-filter-overlay .search-filter-modal .content button.subPage div.hasFilter span:last-child { display: inline-block; font-weight: 700; font-size: 14px; color: #565252; margin-top: 2px; } .search-filter-overlay .search-filter-modal .content button.subPage:after { background: url(/static/img/icon/arrow-right.png.webp); filter: brightness(0.3); display: block; width: 16px; height: 16px; content: " "; background-size: contain; background-position: 50%; background-repeat: no-repeat; } .search-filter-overlay .search-filter-modal .content div.labelReplacement, .search-filter-overlay .search-filter-modal .content label { display: block; } .search-filter-overlay .search-filter-modal .content div.labelReplacement.indented span, .search-filter-overlay .search-filter-modal .content label.indented span { padding-left: 16px; } .search-filter-overlay .search-filter-modal .content div.labelReplacement input[type="checkbox"], .search-filter-overlay .search-filter-modal .content div.labelReplacement input[type="radio"], .search-filter-overlay .search-filter-modal .content label input[type="checkbox"], .search-filter-overlay .search-filter-modal .content label input[type="radio"] { display: none; } .search-filter-overlay .search-filter-modal .content div.labelReplacement input[type="checkbox"]:checked + span span, .search-filter-overlay .search-filter-modal .content div.labelReplacement input[type="radio"]:checked + span span, .search-filter-overlay .search-filter-modal .content label input[type="checkbox"]:checked + span span, .search-filter-overlay .search-filter-modal .content label input[type="radio"]:checked + span span { color: #fc4c02; } .search-filter-overlay .search-filter-modal .content div.labelReplacement input[type="checkbox"]:checked + span:after, .search-filter-overlay .search-filter-modal .content div.labelReplacement input[type="radio"]:checked + span:after, .search-filter-overlay .search-filter-modal .content label input[type="checkbox"]:checked + span:after, .search-filter-overlay .search-filter-modal .content label input[type="radio"]:checked + span:after { background: url(/static/img/icon/check_orange.svg); display: block; width: 16px; height: 16px; content: " "; background-size: contain; background-position: 50%; background-repeat: no-repeat; } .search-filter-overlay .search-filter-modal .content div.labelReplacement > span, .search-filter-overlay .search-filter-modal .content label > span { width: 100%; padding: 20px 24px; background: #fff; border: none; border-bottom: 1px solid #d1d3d4; display: flex; align-items: center; text-align: left; cursor: pointer; box-sizing: border-box; } .search-filter-overlay .search-filter-modal .content div.labelReplacement > span span, .search-filter-overlay .search-filter-modal .content label > span span { flex-grow: 1; font-size: 16px; font-weight: 700; color: #565252; } .search-filter-overlay .search-filter-modal .content .price { width: 100%; background: #fff; padding: 20px 24px; border-bottom: 1px solid #d1d3d4; box-sizing: border-box; } .search-filter-overlay .search-filter-modal .content .price .amount { display: flex; } .search-filter-overlay .search-filter-modal .content .price .amount .minimum { margin-right: 24px; flex-grow: 1; box-sizing: border-box; } .search-filter-overlay .search-filter-modal .content .price .amount .maximum { flex-grow: 1; } .search-filter-overlay .search-filter-modal .content .price .amount span { display: flex; margin-bottom: 8px; color: gray; } .search-filter-overlay .search-filter-modal .content .price .amount input { padding: 8px 12px; border: 1px solid #d1d3d4; border-radius: 4px; width: 100%; box-sizing: border-box; } .search_page_use_background { background-image: url(/static/img/icon/kcc_bg.png.webp); background-color: hsla(0, 0%, 100%, 0.9); background-blend-mode: lighten; background-repeat: repeat; padding-top: 1px; } .storepage_selection { padding-top: 24px; display: flex; justify-content: center; align-items: center; margin: 0 32px; } @media (max-width: 926px) { .storepage_selection { margin: 0; padding-top: 0; } } .storepage_header { background: linear-gradient(90deg, rgba(252, 76, 2, 0.9) 50%, transparent), url(/static/img/store/SelectionStore.png.webp); background-size: cover; background-repeat: no-repeat; padding: 64px 32px 156px; border-radius: 10px; margin-bottom: 32px; } @media (max-width: 926px) { .storepage_header { border-radius: 0; } } @media (max-width: 800px) { .storepage_header { background: linear-gradient(90deg, rgba(252, 76, 2, 0.7), rgba(252, 76, 2, 0.7)), url(/static/img/store/SelectionStore.png.webp); } } @media (min-width: 1475px) { .storepage_header { max-width: 1347px; } } .storepage_header_title { color: #fc4c02; background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 40%, transparent); border-radius: 10px; padding: 12px 24px; font-weight: 700; font-size: xx-large; margin-bottom: 48px; } @media (max-width: 900px) { .storepage_header_title { background: linear-gradient( 90deg, rgba(255, 255, 255, 0.9) 50%, transparent ); } } @media (max-width: 800px) { .storepage_header_title { background: linear-gradient( 90deg, rgba(255, 255, 255, 0.9) 70%, transparent ); } } @media (max-width: 700px) { .storepage_header_title { background-color: #fff; } } @media (max-width: 560px) { .storepage_header_title { font-size: x-large; margin-bottom: 24px; } } .storepage_header_subtitle { color: #fff; width: 50%; font-size: large; line-height: 1.75rem; margin-top: 36px; font-weight: 400; } @media (max-width: 800px) { .storepage_header_subtitle { width: 75%; } } @media (max-width: 700px) { .storepage_header_subtitle { width: 100%; font-size: medium; margin-top: 24px; } } .storepage_subtitle_bolded { font-weight: 700; color: #fff; } .store_selection_carousel { display: block; margin: auto; } @media (min-width: 927px) { .store_selection_carousel { display: none; } } .store_selection_slide { display: flex !important; justify-content: center; } .store_carousel_image { width: 100%; border-radius: 10px; margin-top: 24px; margin-bottom: 24px; border: 3px solid #fff; } .store_selection_slide_content { padding: 36px 24px; border-radius: 10px; margin: 0 32px; } @media (max-width: 750px) { .store_selection_slide_content { margin: 0 16px; } } .store_alpha { background-color: #fc4c02; } .store_beta { background-color: #00a3e4; } .store_gamma { background-color: #3bb978; } .store_alpha span { color: #fc4c02; } .store_beta span { color: #00a3e4; } .store_gamma span { color: #3bb978; } .store_selection_slide_content_title { font-weight: 700; font-size: xx-large; text-align: center; color: #fff; } @media (min-width: 650px) and (max-width: 750px) { .store_selection_slide_content_title { font-size: x-large; } } @media (max-width: 397px) { .store_selection_slide_content_title { font-size: x-large; } } .store_selection_slide_content_subtitle { font-size: x-large; text-align: center; color: #fff; margin-top: 6px; } @media (min-width: 651px) and (max-width: 1119px) { .store_selection_slide_content_subtitle { font-size: large; } } @media (max-width: 441px) { .store_selection_slide_content_subtitle { font-size: large; } } @media (min-width: 360px) and (max-width: 376px) { .store_selection_slide_content_subtitle { font-size: medium; } } .store_selection_button { position: relative; margin: auto; padding: 12px 48px 12px 18px; transition: all 0.2s ease; border: none; background: hsla(0, 0%, 100%, 0.6); cursor: pointer; border-radius: 10px; display: flex; justify-content: center; } .store_selection_button:before { content: ""; position: absolute; top: 0; left: 0; display: block; border-top-left-radius: 10px; border-bottom-left-radius: 10px; background: #fff; width: 80%; height: 100%; transition: clip-path 0.3s ease, width 0.3s ease; clip-path: polygon(0 0, 85% 0, 100% 50%, 85% 100%, 0 100%); } .store_selection_button span { position: relative; font-size: 18px; font-weight: 700; } @media (min-width: 650px) and (max-width: 750px) { .store_selection_button span { font-size: large; } } @media (max-width: 397px) { .store_selection_button span { font-size: medium; } } .store_selection_button:hover:before { width: 100%; background: #fff; } .store_selection_button:active { transform: scale(0.95); } .store_selection_temp_container_desktop { display: flex; justify-content: center; align-items: center; } @media (max-width: 927px) { .store_selection_temp_container_desktop { display: none; } } .custom-prev-arrow { left: 10px; } .custom-next-arrow { right: 10px; } .storepage_carousel_arrow { position: absolute; top: 50%; transform: translateY(-50%); font-size: 24px; color: #fc4c02; font-weight: 700; background-color: #f7f7f7; padding: 10px 16px; cursor: pointer; z-index: 1; border-radius: 50px; opacity: 0.5; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); } .storepage_carousel_arrow:hover { opacity: 1; } .store_selection_group_carousel { margin-left: 12px; margin-right: 12px; } @media (min-width: 1024px) { .store_selection_group_carousel { margin-left: 32px; margin-right: 32px; } } .ur-page h2 { font-size: 24px; margin-bottom: 20px; } .ur-page__content { margin: 20px 0; display: flex; flex-direction: row-reverse; justify-content: center; align-items: flex-start; } @media (max-width: 1024px) { .ur-page__content { flex-direction: column-reverse; } } .ur-page__content__list { width: 45%; margin-left: 20px; font-size: 1.5em; } @media (max-width: 1024px) { .ur-page__content__list { width: 100%; margin: 20px 0 0; } } .ur-page__content__list__desc { background: #fff; border-radius: 4px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1); padding: 20px; margin-bottom: 20px; position: relative; } .ur-page__content__list__desc h4 { margin-bottom: 0.5em; color: #fc4c02; font-size: 24px; } .ur-page__content__list__desc p { font-size: 1em; margin-bottom: 10px; } .ur-page__content__list__desc p span { display: inline-block; width: 150px; } .ur-page__content__list__desc p small { margin-top: 0.5em; font-size: 12px; } .ur-page__content__list__desc hr { border: none; border-bottom: 1px solid #a2a2a2; } .ur-page__content__list__desc .no-discount { border-bottom: 1px solid #a2a2a2; } .ur-page__content__list__desc .grand-total { margin-top: 8px; font-size: 24px; } .ur-page__content__list__desc .grand-total b { color: #fc4c02; } .ur-page__content__list__desc button { font-size: 16px; padding: 9px 16px; background: #fc4c02; color: #fff; font-weight: 700; border: 1px solid #fc4c02; border-radius: 4px; cursor: pointer; width: 100%; margin-top: 15px; } .ur-page__content__list__desc button:disabled { background: #a2a2a2; border-color: #a2a2a2; cursor: not-allowed; } .ur-page .unique-request { width: 55%; margin: 0; } @media (max-width: 1024px) { .ur-page .unique-request { width: 100%; } } .ur-page .unique-request:before { padding-top: 0; } .ur-page .unique-request__inner { position: relative; } .ur-page .list { display: flex; flex-direction: row; justify-content: center; align-items: flex-start; background: #fff; border: 2px solid #d1d3d4; padding: 20px; border-radius: 10px; margin-bottom: 20px; width: calc(60% - 40px); } @media (max-width: 1024px) { .ur-page .list { padding: 10px; width: 100%; } } .ur-page .list .img { width: 15%; text-align: center; } .ur-page .list .img img { max-width: 100%; max-height: 130px; } .ur-page .list .details { width: 60%; margin-left: 20px; } .ur-page .list .details p { font-size: 1em; margin-bottom: 10px; } .ur-page .list .details p:first-child { font-weight: 700; font-size: 1em; } .ur-page .list .button { width: 25%; } .ur-page .list .button button { background: #fc4c02; border: 2px solid #fc4c02; border-radius: 5px; color: #fff; display: block; font-weight: 700; width: 100%; font-size: 0.9em; padding: 5px; margin-bottom: 10px; cursor: pointer; } .modal { margin: 20px 30px; } @media (max-width: 600px) { .modal { margin: 5px 10px; } } .modal h2 { font-size: 2em; border-bottom: 2px solid #d1d3d4; padding: 5px 0; } @media (max-width: 600px) { .modal h2 { font-size: 1.5em; } } @media (max-width: 400px) { .modal h2 { font-size: 1em; } } .modal h4 { margin-top: 0.5em; } .modal h4 strong { color: #fc4c02; } .modal button { background: #fc4c02; border-radius: 7px; color: #fff; font-weight: 700; padding: 5px 10px; display: block; font-size: 1.2em; cursor: pointer; border: 2px solid #fc4c02; } .modal button:disabled { cursor: not-allowed; } @media (max-width: 600px) { .modal button { font-size: 1em; padding: 5px; } } @media (max-width: 400px) { .modal button { font-size: 0.8em; padding: 2px; } } .modal input[type="number"] { display: block; border: 2px solid #d1d3d4; background: #fff; border-radius: 5px; font-size: 1.2em; padding: 5px; transition: 0.2s; } .modal input[type="number"]:focus { border-color: #fc4c02; } @media (max-width: 600px) { .modal input[type="number"] { font-size: 1em; } } @media (max-width: 400px) { .modal input[type="number"] { font-size: 0.8em; padding: 3px; } } .modal div, .modal form { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-top: 10px; } .modal div button { width: 40%; } @media (max-width: 400px) { .modal div button { width: 50%; } } .modal div button:first-child { margin-right: 5px; } @media (max-width: 400px) { .modal div button:first-child { margin-right: 2px; } } .modal div button:last-child { margin-left: 5px; } @media (max-width: 400px) { .modal div button:last-child { margin-left: 2px; } } .modal form input { margin-right: 5px; width: 40%; } @media (max-width: 400px) { .modal form input { width: 40%; margin-right: 2px; } } .modal form button { margin-left: 5px; width: 40%; } .modal form button:disabled { background: #a2a2a2; } @media (max-width: 400px) { .modal form button { width: 60%; margin-left: 2px; } } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #007bff !important; } a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover { background-color: rgb(0, 98.4, 204) !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover { background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785) !important; } .bg-success { background-color: #28a745 !important; } a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover { background-color: rgb(30.1449275362, 125.8550724638, 52) !important; } .bg-info { background-color: #17a2b8 !important; } a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover { background-color: rgb( 17.3333333333, 122.0869565217, 138.6666666667 ) !important; } .bg-warning { background-color: #f8981d !important; } a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover { background-color: hsl(33.698630137, 93.991416309%, 44.3137254902%) !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover { background-color: rgb( 189.2151898734, 32.7848101266, 47.7721518987 ) !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover { background-color: rgb(218.25, 223.5, 228.75) !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover { background-color: rgb(29.1379310345, 32.5, 35.8620689655) !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: rgba(0, 0, 0, 0) !important; } .border { border: 1px solid #d1d3d4 !important; } .border-top { border-top: 1px solid #d1d3d4 !important; } .border-right { border-right: 1px solid #d1d3d4 !important; } .border-bottom { border-bottom: 1px solid #d1d3d4 !important; } .border-left { border-left: 1px solid #d1d3d4 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #007bff !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #28a745 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #f8981d !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; } .rounded-right, .rounded-top { border-top-right-radius: 0.25rem !important; } .rounded-bottom, .rounded-right { border-bottom-right-radius: 0.25rem !important; } .rounded-bottom, .rounded-left { border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix:after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive:before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9:before { padding-top: 42.85714286%; } .embed-responsive-16by9:before { padding-top: 56.25%; } .embed-responsive-4by3:before { padding-top: 75%; } .embed-responsive-1by1:before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { top: 0; } .fixed-bottom, .fixed-top { position: fixed; right: 0; left: 0; z-index: 1030; } .fixed-bottom { bottom: 0; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .stretched-link:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #007bff !important; } a.text-primary:focus, a.text-primary:hover { color: rgb(0, 86.1, 178.5) !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:focus, a.text-secondary:hover { color: rgb(72.5407725322, 78.5858369099, 83.9592274678) !important; } .text-success { color: #28a745 !important; } a.text-success:focus, a.text-success:hover { color: rgb(25.2173913043, 105.2826086957, 43.5) !important; } .text-info { color: #17a2b8 !important; } a.text-info:focus, a.text-info:hover { color: rgb(14.5, 102.1304347826, 116) !important; } .text-warning { color: #f8981d !important; } a.text-warning:focus, a.text-warning:hover { color: hsl(33.698630137, 93.991416309%, 39.3137254902%) !important; } .text-danger { color: #dc3545 !important; } a.text-danger:focus, a.text-danger:hover { color: rgb(167.4810126582, 29.0189873418, 42.2848101266) !important; } .text-light { color: #f8f9fa !important; } a.text-light:focus, a.text-light:hover { color: rgb(203.375, 210.75, 218.125) !important; } .text-dark { color: #343a40 !important; } a.text-dark:focus, a.text-dark:hover { color: hsl(210, 10.3448275862%, 7.7450980392%) !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: hsla(0, 0%, 100%, 0.5) !important; } .text-hide { font: 0/0 a; color: rgba(0, 0, 0, 0); text-shadow: none; background-color: rgba(0, 0, 0, 0); border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; word-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @keyframes progress-bar-stripes { 0% { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { height: 1rem; line-height: 0; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress, .progress-bar { display: flex; overflow: hidden; } .progress-bar { flex-direction: column; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 0, transparent 50%, rgba(255, 255, 255, 0.15) 0, rgba(255, 255, 255, 0.15) 75%, transparent 0, transparent ); background-size: 1rem 1rem; } .progress-bar-animated { animation: progress-bar-stripes 1s linear infinite; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } .checkout-section { display: flex; flex-direction: column; gap: 8px; position: sticky; top: 126px; max-width: 360px; margin-top: 76px; } @media (max-width: 1440px) { .checkout-section { margin-top: 68px; top: 116px; } } @media (max-width: 1024px) { .checkout-section { position: fixed; top: auto; bottom: 0; left: 0; right: 0; max-width: 100%; margin-top: 0; z-index: 1; background: #fff; border-top: 1px solid #d1d3d4; padding: 16px; gap: 12px; } } @media (max-width: 1024px) and (display-mode: standalone) { .checkout-section { bottom: 58px; } } @media (max-width: 1024px) { .cart { padding-top: 8px; } } .cart__content { width: 100%; display: flex; justify-content: center; align-items: flex-start; flex-direction: row; gap: 16px; } @media (max-width: 1024px) { .cart__content { flex-direction: column; } } .cart__content__list { width: 100%; border-radius: 4px; box-sizing: border-box; } @media (max-width: 1024px) { .cart__content__list { background: rgba(0, 0, 0, 0); } } .cart__content__list h2 { font-size: 24px; color: #565252; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 12px; margin-bottom: 16px; } @media (max-width: 1024px) { .cart__content__list h2 { font-size: 16px; padding: 16px; line-height: 1; background: #fff; margin-bottom: 0; } .cart__content__list { width: 100%; padding: 0; } } .cart__content__list__category { background-color: #fff; border: 2px solid #d1d3d4; border-radius: 10px; margin: 16px 0; } @media (max-width: 1024px) { .cart__content__list__category { margin: 0; border: none; border-radius: 0; background: #fff; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); } } .cart__content__list__category.fade { transition: filter 0.25s; filter: saturate(0); } .cart__content__list__category__type { display: flex; flex-direction: row; gap: 24px; align-items: center; font-size: 14px; color: gray; line-height: normal; border-radius: 10px 10px 0 0; background-color: #e8e8e8; padding: 16px 24px; } .cart__content__list__category__type p { font-size: 14px; } @media (max-width: 1024px) { .cart__content__list__category__type { border-radius: 0; } } .cart__content__list__category__ur-tab { padding: 16px 24px; display: flex; align-items: center; } @media (max-width: 500px) { .cart__content__list__category__ur-tab { flex-direction: column-reverse; align-items: flex-end; } } @media (max-width: 1024px) { .cart__content__list__category__ur-tab { margin-right: 12px; } } .cart__content__list__category__ur-tab__method { flex-grow: 1; font-size: 14px; color: gray; } @media (max-width: 500px) { .cart__content__list__category__ur-tab__method { padding: 8px 0; } } .cart__content__list__category__ur-tab__method b { color: #565252; } .cart__content__list__category__ur-tab__right { display: flex; flex-direction: row; align-items: center; gap: 16px; } .cart__content__list__category__ur-tab__delete { border: none; background: none; cursor: pointer; display: flex; align-items: center; } .cart__content__list__category__ur-tab__delete img { height: 18px; } .cart__content__list__category__ur-tab__delete span { font-size: 14px; color: #565252; } @media (max-width: 500px) { .cart__content__list__category__ur-tab__delete { padding: 8px 0; } } .cart__content__list__category__ur-tab__total { font-size: 16px; font-weight: 700; color: #4a4a4a !important; } @media (max-width: 1024px) { .cart__content__checkout { display: flex; padding: 0 !important; border-radius: 0 !important; box-shadow: none; } } .cart__content__checkout__total { text-align: center; padding: 0; } @media (max-width: 1024px) { .cart__content__checkout__total { text-align: left; flex-grow: 1; } } .cart__content__checkout__total__label { font-size: 16px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: gray; margin-bottom: 8px; display: block; } @media (max-width: 1024px) { .cart__content__checkout__total__label { font-size: 12px; margin-bottom: 0; } } .cart__content__checkout__total__price { color: #fc4c02; font-size: 24px; font-weight: 700; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; display: block; } @media (max-width: 1024px) { .cart__content__checkout__total__price { font-size: 14px; } .cart__content__checkout button { margin: 4px !important; width: auto !important; } } @media (max-width: 324px) { .cart__content__checkout button { margin: 2px !important; padding: 2px !important; width: auto !important; } } .cart__content__checkout, .cart__content__partner { background: #fff; padding: 20px 24px; box-sizing: border-box; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1); border-radius: 10px; text-align: center; font-size: 12px; position: sticky; top: 126px; } @media (max-width: 1440px) { .cart__content__checkout, .cart__content__partner { top: 116px; } } @media (max-width: 1024px) { .cart__content__checkout, .cart__content__partner { width: 100%; max-width: 100%; margin: 0; box-shadow: none; } } .cart__content__checkout h3, .cart__content__partner h3 { font-size: 1.7em; padding: 5px 0; font-weight: 700; margin-bottom: 8px; color: #fc4c02; } @media (max-width: 1500px) { .cart__content__checkout h3, .cart__content__partner h3 { font-size: 1.5em; } } .cart__content__checkout span.notice, .cart__content__partner span.notice { font-size: 12px; color: #565252; display: block; } .cart__content__checkout span.notice b, .cart__content__partner span.notice b { color: #565252; } .cart__content__checkout hr, .cart__content__partner hr { border: 0.5px solid #d1d3d4; margin-top: 18px; margin-bottom: 22px; } .cart__content__checkout button, .cart__content__partner button { background: #fc4c02; border: 2px solid #fc4c02; border-radius: 10px; color: #fff; width: 100%; font-weight: 700; display: block; font-size: 14px; padding: 10px; cursor: pointer; margin: 10px 0; transition: all 0.15s ease-in-out; } @media (max-width: 1500px) { .cart__content__checkout button, .cart__content__partner button { font-size: 1em; } } .cart__content__checkout button:disabled, .cart__content__partner button:disabled { background: #a2a2a2; border-color: #a2a2a2; cursor: not-allowed; } .cart__content__checkout button:hover:not(:disabled), .cart__content__partner button:hover:not(:disabled) { background: #b72009; border-color: #b72009; } .cart__content__checkout p, .cart__content__partner p { padding: 5px 0; font-size: 1.1em; text-align: left; color: gray; } .cart__content__checkout p.outOfStockNotice, .cart__content__partner p.outOfStockNotice { color: #fc4c02; padding: 1px; font-size: 12px; } .cart__content__partner { text-align: left; } .cart__content__partner__discount { padding-bottom: 16px !important; margin-bottom: 11px; border-bottom: 1px solid #d1d3d4; position: relative; } @media (max-width: 1024px) { .cart__content__partner__discount { padding-bottom: 0 !important; margin-bottom: 0; border-bottom: none; } } .cart__content__partner__discount__title { color: #fc4c02; margin-bottom: 16px; font-weight: 700; } .cart__content__partner__discount .progress { display: inline-flex; width: calc(50% - 3px); margin-right: 3px; margin-top: 4px; padding: 0; border-radius: 8px 0 0 8px; height: 16px; overflow: hidden; font-size: 0.75rem; background-color: #d8d8d8; } .cart__content__partner__discount .progress-bar { background-color: #fc4c02; } .cart__content__partner__discount .right-progress { border-radius: 0 8px 8px 0; } .cart__content__partner__discount .row { margin: 0; padding: 2px 0; display: grid; grid-template-columns: 33.3333333333% 33.3333333333% 33.3333333333%; } .cart__content__partner__discount .row div { margin-top: 4px; padding: 0; font-size: 9px; } .cart__content__partner__discount .row div:nth-child(2) { text-align: center; } .cart__content__partner__discount .row div:last-child { text-align: right; } .cart__content__partner__summary .rows { display: grid; grid-template-columns: 50% 50%; padding: 0; margin-bottom: 16px; } .cart__content__partner__summary .rows div { padding: 0; } .cart__content__partner__summary .rows.border { border: 0 !important; border-bottom: 1px solid #d1d3d4 !important; padding-bottom: 16px; } .cart__content__partner__summary .rows .left .title { color: #606060; font-weight: 300; font-size: 14px; } .cart__content__partner__summary .rows .left .item { color: #9b9b9b; font-size: 10px; } .cart__content__partner__summary .rows .price { font-size: 14px; text-align: right; } .cart__content__partner__summary .rows .price b { color: #fc4c02; } .cart__content__partner__note { border-top: 1px solid #d1d3d4; margin-top: 16px; padding-top: 16px !important; font-size: 14px; font-weight: 300; letter-spacing: -0.6px; } .cart__content__partner__note p { color: #565252; margin-bottom: 8px; } .cart__content__partner-mobile { padding: 16px; background: #fff; margin-bottom: 8px; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); } .cart__content__partner-mobile__title { font-size: 14px; color: #fc4c02; font-weight: 700; text-transform: uppercase; display: block; margin-bottom: 16px; } .cart__content__partner-mobile__congratulation { font-size: 12px; color: #565252; display: block; margin-bottom: 2px; } .cart__content__partner-mobile__notice { display: block; font-size: 12px; margin: 8px 0 4px; color: #565252; } .cart__content__partner-mobile__notice b { color: inherit; } .cart .ur-list { background: #fff; margin: 20px 0; border: 2px solid #d1d3d4; border-radius: 10px; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; } @media (max-width: 1024px) { .cart .ur-list { flex-direction: column; } } .cart .ur-list__details { width: 65%; font-size: 1.2em; } .cart .ur-list__details p { margin-bottom: 10px; } .cart .ur-list__amount { width: 20%; } .cart .ur-list__amount button { background: none; border: none; width: 30px; cursor: pointer; } .cart .ur-list__amount button img { width: 100%; } .cart .ur-list__price { width: 15%; font-size: 1.5em; } .tag { padding: 2px 8px; } .tag__emptyStock { background-color: #6b6b6b; } p.paymentMethodModal__content { font-size: 14px; margin: 4px 0; } .cart__content__list__select { margin-top: 8px; } @media (max-width: 1024px) { .cart__content__list__select { display: none; } } .cart__content__list__select__text { background-color: #fc4c02; border-radius: 5px; padding: 4px 8px; color: #fff; font-weight: 700; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1); } .cart__content__list__select__text:hover { cursor: pointer; background-color: hsl(17.76, 98.4251968504%, 39.8039215686%); } .select__all__button__mobile { display: none !important; } @media (max-width: 1024px) { .select__all__button__mobile { display: block !important; } } .select__all__button { display: none; } @media (min-width: 1024px) { .select__all__button { background-color: #fc4c02; display: block; border-radius: 5px; padding: 4px 8px; color: #fff; font-weight: 700; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1); border: none; } } .select__all__button:hover { cursor: pointer; background-color: hsl(17.76, 98.4251968504%, 39.8039215686%); } .checkout-button { background: #fc4c02; border: 2px solid #fc4c02; border-radius: 10px; color: #fff; width: 100%; font-weight: 700; display: block; font-size: 14px; padding: 10px; cursor: pointer; margin: 10px 0; transition: all 0.15s ease-in-out; } @media (max-width: 1500px) { .checkout-button { font-size: 1em; } } .checkout-button:disabled { background: #a2a2a2; border-color: #a2a2a2; cursor: not-allowed; } .checkout-button:hover:not(:disabled) { background: #b72009; border-color: #b72009; } .user-info-page { display: flex; flex-direction: row; align-items: flex-start; } @media (max-width: 1024px) { .user-info-page { flex-direction: column-reverse; } } .user-info-page h2 { font-size: 2em; padding-left: 10px; } @media (max-width: 1024px) { .user-info-page h2 { margin: 0; } } .user-info-page__content { background: #fff; padding: 20px; border: 2px solid #d1d3d4; border-radius: 4px; flex-grow: 1; } @media (max-width: 1024px) { .user-info-page__content { width: calc(100% - 44px); margin-top: 20px; padding: 10px; width: calc(100% - 24px); } } .user-info-page__inner { margin-top: 24px; } .user-info-page__inner h3 { margin-left: 10px; } .user-info-page__inner span { margin-top: 8px; margin-left: 10px; display: block; font-size: 14px; } .user-info-page__inner span.label { color: #3d4852; margin-bottom: 8px; display: flex; align-items: center; } .user-info-page__inner span.label button { font-size: 0.7em; background: #fc4c02; color: #fff; padding: 1px 10px; border-radius: 10px; margin-left: 6px; border: none; cursor: pointer; } .user-info-page__inner span.content { font-size: 18px; margin-bottom: 16px; } .user-info-page__inner span a { display: inline-block; margin: 4px 0; font-weight: 700; } .user-info-page__modal { margin: 20px 30px; } @media (max-width: 600px) { .user-info-page__modal { margin: 5px 10px; } } .user-info-page__modal form { display: flex; flex-direction: column; } .user-info-page__modal span { display: block; font-size: 24px; margin: 8px 0; } .user-info-page__modal input { padding: 0 20px; height: 32px; border: 2px solid #d1d3d4; border-radius: 7px; } .user-info-page__modal input[type="submit"] { margin-top: 8px; margin-left: 0; border-color: #fc4c02; background: #fc4c02; color: #fff; height: 38px; cursor: pointer; font-weight: 700; } .user-info-page__modal span.notice { font-size: 16px; color: #fc4c02; } .user-info-page .css-2o5izw, .user-info-page .css-2o5izw:hover { border-color: #fc4c02; box-shadow: 0 0 0 1px #fc4c02; } .user-info-page .css-1aya2g8 { background: #fff; border-color: #d1d3d4; border-width: 2px; } .messenger-page { background: #fff; border: 2px solid #d1d3d4; padding: 20px; border-radius: 10px; } .messenger-page__logo { text-align: center; } .messenger-page__logo img { max-height: 70px; } @media (max-width: 500px) { .messenger-page__logo img { max-height: 50px; } } .messenger-page__logo span { font-size: 100px; } @media (max-width: 500px) { .messenger-page__logo span { font-size: 70px; } } .messenger-page__code { text-align: center; margin-top: 20px; } .messenger-page__code input { background: #fff; border: 2px solid #d1d3d4; border-radius: 10px; font-size: 1.5em; text-align: center; padding: 5px 10px; } @media (max-width: 500px) { .messenger-page__code input { font-size: 1.1em; margin: 0; } } .messenger-page__code input:focus { border-color: #fc4c02; } .messenger-page__code button { background: #fc4c02; border: 2px solid #fc4c02; border-radius: 10px; color: #fff; font-size: 1.5em; padding: 5px 10px; cursor: pointer; margin-left: 10px; } @media (max-width: 500px) { .messenger-page__code button { font-size: 1.1em; margin: 0; } } .messenger-page__code p { font-size: 1.5em; margin-bottom: 10px; } .messenger-page__step p { text-align: center; font-size: 1.2em; } .messenger-page__step ul { width: 300px; margin: 0 auto; } .messenger-page__step ul li { font-size: 1.2em; padding: 5px 0; } @media (max-width: 500px) { .messenger-page__step ul li { font-size: 1em; padding: 3px 0; } } .messenger-page__step ul li svg { width: 30px; height: auto; margin-bottom: -7px; } .messenger-page__video { margin: 20px auto; text-align: center; } .messenger-page__video p { font-size: 1.2em; margin-bottom: 20px; } .messenger-page__video iframe { z-index: 1000; } @media (max-width: 800px) { .messenger-page__video iframe { width: 100%; height: 400px; } } @media (max-width: 700px) { .messenger-page__video iframe { height: 350px; } } @media (max-width: 600px) { .messenger-page__video iframe { height: 300px; } } @media (max-width: 500px) { .messenger-page__video iframe { height: 200px; } } .messenger-page__gif { text-align: center; margin-top: 20px; } .messenger-page__gif p { font-size: 1.5em; margin-bottom: 10px; } .messenger-page__gif img { max-width: 100%; } .success-messe { position: fixed; top: -100px; left: 0; z-index: 99999999; text-align: center; width: 100%; transition: 0.2s; } .success-messe span { background: #fc4c02; color: #fff; padding: 5px 10px; font-size: 1.5em; border-radius: 5px; box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1); } .success-messe.copy { top: 30px; } .order-history { background: #fff; border-radius: 10px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2); display: flex; flex-direction: column; gap: 20px; padding: 20px; width: 100%; box-sizing: border-box; } .order-history h2 { font-size: 2rem; } @media (max-width: 600px) { .order-history h2 { font-size: 2em; } } .order-history__header-section { display: flex; flex-direction: column; gap: 20px; } @media (max-width: 768px) { .order-history__header-section { gap: 12px; } } .order-history__header { align-items: center; display: flex; justify-content: space-between; gap: 16px; } @media (max-width: 768px) { .order-history__header { align-items: flex-start; flex-direction: column; } } .order-history__header__search { border: 1px solid #d1d3d4; border-radius: 50px; padding: 8px 18px; background: rgba(0, 0, 0, 0); max-width: 400px; width: 100%; transition: border-color 0.25s ease; box-sizing: border-box; } .order-history__header__search:focus { border-color: #fc4c02; } @media (max-width: 768px) { .order-history__header__search { max-width: 100%; width: 100%; } } .order-history__header-tabs { align-items: center; display: flex; flex-direction: row; gap: 8px; justify-content: space-between; } .order-history__header-tabs .sort-toggle-btn { background: #e0e0e0; border: none; border-radius: 8px; height: 36px; padding: 10px 8px; width: 36px; } .order-history__header__sort { max-width: 320px; width: 100%; } .order-history__status-filters { align-items: center; box-sizing: border-box; display: flex; gap: 12px; overflow-x: auto; overflow-y: hidden; width: 100%; scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0); } .order-history__status-filters::-webkit-scrollbar { height: 6px; } .order-history__status-filters::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0); } .order-history__status-filters::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); border-radius: 3px; } .order-history__status-filters::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.3); } .order-history__status-filters span { font-size: 14px; font-weight: 600; color: #5a5a5a; white-space: nowrap; flex-shrink: 0; } .order-history__status-buttons { display: flex; gap: 8px; flex-shrink: 0; } .order-history__status-buttons .status-btn { padding: 10px 8px; background-color: #e9e9e9; border: none; border-radius: 6px; font-size: 14px; font-weight: 700; color: #565252; cursor: pointer; transition: all 0.2s ease; white-space: nowrap; flex-shrink: 0; } .order-history__status-buttons .status-btn.active, .order-history__status-buttons .status-btn:hover { background: #fc4c02; color: #fff; border-color: #fc4c02; font-weight: 600; } .order-history__orders { width: 100%; border-collapse: collapse; list-style: none; padding: 0; display: flex; flex-direction: column; gap: 16px; } .order-history__orders .order-card { box-sizing: border-box; padding: 0; border-radius: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); font-size: 14px; background: #fff; border: 1px solid #d1d3d4; overflow: hidden; } @media (max-width: 540px) { .order-history__orders .order-card { font-size: 12px; } } .order-history__orders .order-card__status-friendly { display: flex; justify-content: center; align-items: center; padding: 8px; border: 1px solid #efe2e2; background: #fff3ee; } .order-history__orders .order-card__status-friendly span { color: #565252; font-size: 16px; font-weight: bolder; } @media (max-width: 768px) { .order-history__orders .order-card__status-friendly { padding: 6px 16px; border-radius: 50px; margin: 10px; } .order-history__orders .order-card__status-friendly span { font-size: 12px; } } .order-history__orders .order-card__header { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px; border-bottom: 1px solid #d1d3d4; background: #fafafa; } .order-history__orders .order-card__header-left { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; } .order-history__orders .order-card__header-right { display: flex; align-items: center; max-width: 70%; } .order-history__orders .order-card__date { font-size: 14px; color: #565252; } @media (max-width: 768px) { .order-history__orders .order-card__date { font-size: 10px; } } .order-history__orders .order-card__id { font-size: 20px; font-weight: 700; color: #565252; } @media (max-width: 768px) { .order-history__orders .order-card__id { font-size: 12px; } } .order-history__orders .order-card__dot { border-radius: 100px; height: 12px; width: 12px; flex-shrink: 0; } .order-history__orders .order-card__dot--active { background: #ff9800; } .order-history__orders .order-card__dot--shipping { background: #11b24f; } .order-history__orders .order-card__dot--cancelled { background: red; } .order-history__orders .order-card__dot--all { background: #2196f3; } .order-history__orders .order-card__status { padding: 8px 16px; display: flex; gap: 8px; border-radius: 6px; font-size: 13px; font-weight: 600; white-space: break-spaces; } .order-history__orders .order-card__status--active { background: rgba(255, 152, 0, 0.1882352941); color: #ff9800; } .order-history__orders .order-card__status--shipping { background: rgba(17, 178, 79, 0.1882352941); color: #11b24f; } .order-history__orders .order-card__status--cancelled { background: rgba(255, 0, 0, 0.1882352941); color: red; } .order-history__orders .order-card__status--all { background: #e3f2fd; color: #2196f3; } @media (max-width: 768px) { .order-history__orders .order-card__status { border-radius: 50px; } } .order-history__orders .order-card__items { padding: 0; } .order-history__orders .order-card__items .item { display: flex; padding: 16px 20px; gap: 16px; border-bottom: 1px solid #f0f0f0; } .order-history__orders .order-card__items .item:last-child { border-bottom: none; } .order-history__orders .order-card__items .item img { width: 128px; height: 128px; -o-object-fit: contain; object-fit: contain; border-radius: 8px; background: #fff; } @media (max-width: 768px) { .order-history__orders .order-card__items .item img { width: 128px; height: 128px; } } .order-history__orders .order-card__items .item .detail { display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; gap: 20px; } .order-history__orders .order-card__items .item .detail .name-price { display: flex; flex-direction: column; gap: 4px; } .order-history__orders .order-card__items .item .detail .name-price a > span { font-size: 16px; font-weight: 600; color: #fc4c02; text-decoration: none; line-height: 1.4; } .order-history__orders .order-card__items .item .detail .name-price a > span:hover { color: #fc4c02; } .order-history__orders .order-card__items .item .detail .name-price .quantity-price { font-size: 14px; font-weight: 700; color: #565252; } .order-history__orders .order-card__items .item .eta { display: flex; flex-direction: column; gap: 4px; } .order-history__orders .order-card__items .item .eta span { font-size: 14px; font-weight: 400; color: #565252; } .order-history__orders .order-card__items .item .eta span b { font-weight: 700; color: #565252; } @media (max-width: 768px) { .order-history__orders .order-card__items .item { padding: 10px; border: none; } } .order-history__orders .order-card__items .eta-mobile { background-color: rgba(239, 226, 226, 0.3764705882); border: 1px solid #efe2e2; display: flex; flex-direction: row; gap: 8px; justify-content: center; margin: 10px; padding: 4px 8px; border-radius: 50px; font-size: 10px; text-align: center; } .order-history__orders .order-card__expand { padding: 12px 20px; border-top: 1px solid #d1d3d4; border-bottom: 1px solid #d1d3d4; display: flex; flex-direction: row; justify-content: center; } .order-history__orders .order-card__expand button { background: none; border: none; color: #fc4c02; cursor: pointer; font-size: 14px; font-weight: 600; display: flex; flex-direction: row; gap: 4px; padding: 0; } .order-history__orders .order-card__expand button:hover { text-decoration: underline; } .order-history__orders .order-card__footer { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px; gap: 16px; background: #f2f2f2; } @media (max-width: 768px) { .order-history__orders .order-card__footer { align-items: flex-start; flex-direction: column; } } .order-history__orders .order-card__amount-container { align-items: center; display: flex; flex-direction: row; gap: 16px; } .order-history__orders .order-card .horizontal-divider { width: 1px; height: 28px; background-color: #d1d3d4; } .order-history__orders .order-card__total { display: flex; flex-direction: column; gap: 4px; font-size: 14px; } .order-history__orders .order-card__total span { color: #565252; } .order-history__orders .order-card__total-amount { font-size: 16px; font-weight: 700; color: #565252; } .order-history__orders .order-card__total-amount--paid { color: #11b24f !important; } .order-history__orders .order-card__total-amount--not-paid { color: #fc4c02 !important; } .order-history__orders .order-card__detail-btn { padding: 10px 24px; background: #fc4c02; box-sizing: border-box; color: #fff; border: none; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; text-decoration: none; transition: background 0.2s ease; text-align: center; } .order-history__orders .order-card__detail-btn:hover { background: hsl(17.76, 98.4251968504%, 44.8039215686%); } @media (max-width: 768px) { .order-history__orders .order-card__detail-btn { border-radius: 50px; width: 100%; } } .order-history__orders li:not(.order-card) { box-sizing: border-box; padding: 16px 20px; border-radius: 4px; margin: 24px 8px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2); font-size: 14px; } @media (max-width: 960px) { .order-history__orders li:not(.order-card) { padding: 8px 0; } } @media (max-width: 540px) { .order-history__orders li:not(.order-card) { font-size: 12px; } } .order-history__orders li:not(.order-card) .info { display: flex; align-items: center; padding-bottom: 12px; border-bottom: 1px solid #d1d3d4; } @media (max-width: 960px) { .order-history__orders li:not(.order-card) .info { padding: 0 12px 8px; align-items: flex-start; } } .order-history__orders li:not(.order-card) .info .order { padding: 4px 16px 4px 0; border-right: 1px solid #d1d3d4; width: 150px; } @media (max-width: 960px) { .order-history__orders li:not(.order-card) .info .order { border-right: none; } } .order-history__orders li:not(.order-card) .info .order > div { display: flex; margin-top: 8px; } .order-history__orders li:not(.order-card) .info .order > div span { color: #565252; } .order-history__orders li:not(.order-card) .info .order > div :first-child { border-right: 1px solid #d1d3d4; padding-right: 8px; margin-right: 4px; } @media (max-width: 960px) { .order-history__orders li:not(.order-card) .info .order > div :first-child { border-right: none; margin-right: 0; padding-right: 0; } } .order-history__orders li:not(.order-card) .info .second { padding: 4px 16px; border-right: 1px solid #d1d3d4; width: 150px; } @media (max-width: 960px) { .order-history__orders li:not(.order-card) .info .second.mobile { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-end; padding-right: 0; } } .order-history__orders li:not(.order-card) .info .second .title { color: #565252; text-transform: uppercase; } .order-history__orders li:not(.order-card) .info .second > div { display: flex; margin-top: 8px; } @media (max-width: 960px) { .order-history__orders li:not(.order-card) .info .second > div { margin-top: 0; margin-bottom: 8px; } } .order-history__orders li:not(.order-card) .info .second.borderless { border-right: none; } .order-history__orders li:not(.order-card) .info .second.grow { flex-grow: 1; } .order-history__orders li:not(.order-card) .info a.detail { border: 1px solid #fc4c02; border-radius: 4px; padding: 8px; width: 128px; text-align: center; text-decoration: none; transition: 0.25s; } .order-history__orders li:not(.order-card) .info a.detail:hover { background: #fc4c02; color: #fff; } .order-history__orders li:not(.order-card) .amountLeft { padding: 12px 16px; font-size: 12px; color: #565252; border-bottom: 1px solid #d1d3d4; font-weight: 200; } .order-history__orders li:not(.order-card) .amountLeft span { font-size: 14px; } .order-history__orders li:not(.order-card) .items:not(.order-card__items) { margin: 4px 0; } @media (max-width: 960px) { .order-history__orders li:not(.order-card) .items:not(.order-card__items) { padding: 0 12px; } } .order-history__orders li:not(.order-card) .items:not(.order-card__items) .item { display: flex; margin: 12px 0; } .order-history__orders li:not(.order-card) .items:not(.order-card__items) .item img { width: 64px; height: 64px; -o-object-fit: contain; object-fit: contain; } .order-history__orders li:not(.order-card) .items:not(.order-card__items) .item .detail { margin-left: 16px; display: flex; flex-direction: column; flex-grow: 1; max-width: 360px; } @media (max-width: 960px) { .order-history__orders li:not(.order-card) .items:not(.order-card__items) .item .detail { align-items: flex-start; justify-content: space-between; } } .order-history__orders li:not(.order-card) .items:not(.order-card__items) .item .detail a { font-size: 16px; font-weight: 700; flex-grow: 1; } @media (max-width: 960px) { .order-history__orders li:not(.order-card) .items:not(.order-card__items) .item .detail a { font-size: 15px; flex-grow: 0; } } @media (max-width: 540px) { .order-history__orders li:not(.order-card) .items:not(.order-card__items) .item .detail a { font-size: 14px; } } .order-history__orders li:not(.order-card) .items:not(.order-card__items) .item .detail span { display: inline-block; flex-grow: 1; } .order-history__orders li:not(.order-card) .items:not(.order-card__items) .item .detail span b, .order-history__orders li:not(.order-card) .items:not(.order-card__items) .item .detail span.lighter { color: #565252; } .order-history__orders li:not(.order-card) .items:not(.order-card__items) .item .detail .eta { margin-left: 0; justify-self: flex-end; } .order-history__orders li:not(.order-card) .items:not(.order-card__items) .item .eta { display: flex; justify-content: center; margin-left: 32px; flex-direction: column; } .order-history__orders li:not(.order-card) .items:not(.order-card__items) .item .eta span { color: #565252; margin-bottom: 4px; } .order-history__orders li:not(.order-card) .items:not(.order-card__items) .item .eta span:last-child { margin-bottom: 0; } .order-history__orders li:not(.order-card) .items:not(.order-card__items) .item .eta span b { color: #565252; } .order-history__orders li:not(.order-card) .more { border-top: 1px solid #d1d3d4; padding-top: 20px; padding-bottom: 4px; display: flex; box-sizing: border-box; justify-content: center; } @media (max-width: 960px) { .order-history__orders li:not(.order-card) .more { border-top: none; justify-content: flex-start; padding: 8px 12px; } } .order-history__orders li:not(.order-card) .more a { font-size: 14px; font-weight: 700; width: 100%; background: #fc4c02; color: #fff; padding: 12px; border-radius: 4px; text-align: center; } .order-history__orders li:not(.order-card) .more button { background: none; border: none; color: #fc4c02; cursor: pointer; display: flex; align-items: center; } .order-history__orders li:not(.order-card) .more button span { color: #fc4c02; } @media (max-width: 960px) { .order-history__orders li:not(.order-card) .more button span { color: #565252; } } .order-history__orders li:not(.order-card) .more button img { width: 12px; height: 12px; -o-object-fit: contain; object-fit: contain; margin-left: 8px; filter: brightness(0) invert(0.5); } .order-history__orders li:not(.order-card) .more button img.rotated { transform: rotate(180deg); } .order-history__orders li:not(.order-card) .more button:hover img { filter: none; } .order-history .hidden { display: none; } .order-history__zero { background: #fff; padding: 50px 0 0; position: relative; border: 2px solid #d1d3d4; border-radius: 10px; overflow: hidden; margin-top: 20px; } .order-history__zero__inner { width: 80%; margin: 0 auto 50px; text-align: center; } .order-history__zero__inner h3 { font-size: 2.5em; } @media (max-width: 500px) { .order-history__zero__inner h3 { font-size: 2em; } } .order-history__zero__inner a { font-size: 2em; } @media (max-width: 500px) { .order-history__zero__inner a { font-size: 1.5em; } } .order-history__zero img { display: block; } @media (max-width: 500px) { .order-history__zero img { width: 100%; height: auto; } } .order-history__content { background: #fff; border-radius: 5px; } .order-history__content h2 { font-size: 24px; font-weight: 700; color: #565252; letter-spacing: -0.6px; display: block; } .order-history__content__header { display: flex; align-items: center; margin-bottom: 22px; } @media (max-width: 960px) { .order-history__content__header { flex-direction: column; align-items: flex-start; } } .order-history__content__header__sort { display: flex; align-items: center; margin-left: auto; font-size: 16px; } @media (max-width: 960px) { .order-history__content__header__sort { flex-direction: column; align-items: flex-start; margin-left: 0; margin-top: 12px; width: 100%; } } .order-history__content__header__sort span { margin-right: 8px; } @media (max-width: 960px) { .order-history__content__header__sort span { margin-right: 0; } } .order-history__content__header__sort select { border: 1px solid #d1d3d4; border-radius: 4px; padding: 8px 14px; background: rgba(0, 0, 0, 0); } @media (max-width: 960px) { .order-history__content__header__sort select { width: 100%; margin-top: 8px; } } .order-history__content .search { margin: 22px 24px; padding: 12px; border-radius: 2px; float: right; border: 1px solid #d1d3d4; } @media (max-width: 600px) { .order-history__content { padding: 12px 16px; } } .order-history__content .rc-tabs-bar { border-bottom: 2px solid #d1d3d4; } .order-history__content .rc-tabs-top { border: none; } .order-history__content .rc-tabs-ink-bar { background: #fc4c02; } .order-history__content .rc-tabs-tab { font-weight: 700; } .order-history__content .rc-tabs-tab-active, .order-history__content .rc-tabs-tab:hover { color: #fc4c02; } .order-history__content__pagination { padding: 20px 0; } .order-history__content__pagination__paging { display: flex; flex-direction: row; justify-content: center; } .order-history__content__pagination__paging li { display: block; z-index: 1; transition: 0.2s; margin: 0 4px; } .order-history__content__pagination__paging li a { padding: 8px; display: block; transition: 0.2s; border-radius: 4px; text-decoration: none; } .order-history__content__pagination__paging li a:hover { background: #a2a2a2; color: #fff; } .order-history__content__pagination__paging li.disabled { background: #d1d3d4; border-radius: 4px; } .order-history__content__pagination__paging li.disabled a { color: #000; cursor: default; } .order-history__content__pagination__paging li.active { background: #fc4c02; border-color: #fc4c02; z-index: 3; border-radius: 4px; } .order-history__content__pagination__paging li.active a { color: #fff; cursor: default; } .order-history__content__pagination__paging li.active a:hover { background: #fc4c02; color: #fff; } @media (max-width: 768px) { .order-history { background: rgba(0, 0, 0, 0); box-shadow: none; padding: 0; } } @media (min-width: 961px) { .order-history .mobileOnly { display: none !important; } } @media (max-width: 960px) { .order-history .desktopOnly { display: none !important; } } .loading { width: 100%; overflow: hidden; } .loading img { display: table; margin: 0 auto; max-width: 256px; max-height: 256px; width: 100%; height: auto; -o-object-fit: contain; object-fit: contain; } .loading h3 { font-size: 24px; text-align: center; } .loading a, .loading span { font-size: 18px; display: table; margin: 8px auto 0; } .tag { padding: 4px 8px; border-radius: 4px; color: #fff; text-transform: capitalize; width: -moz-fit-content; width: fit-content; height: -moz-fit-content; height: fit-content; font-size: 12px; font-weight: 700; } .tag__po { background-color: #657996; } .tag__lpo { background-color: #d3647a; } .tag__bo { background-color: #996291; } .tag__ready { background-color: #41b774; } .tag__merch { background-color: #09a2dd; } .tag__ur { background-color: #fc4c02; } .search_bar_order_history { display: flex; align-items: center; padding: 8px; background-color: #f8f8f8; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); margin-bottom: 12px; } .search_bar_order_history .search_input_order_history { flex: 1; padding: 8px; border: 1px solid #ccc; border-radius: 4px; font-size: 16px; } .search_bar_order_history .search_input_order_history:focus { border-color: #007bff; outline: none; box-shadow: 0 0 3px rgba(0, 123, 255, 0.5); } .search_bar_order_history .search_button_order_history { margin-left: 8px; padding: 8px 16px; background-color: #fc4c02; border: none; border-radius: 4px; color: #fff; font-size: 16px; cursor: pointer; transition: background-color 0.3s; } .search_bar_order_history .search_button_order_history:active, .search_bar_order_history .search_button_order_history:hover { background-color: #e74803; } .order-detail { display: flex; align-items: flex-start; gap: 16px; } @media (max-width: 1024px) { .order-detail { flex-direction: column; gap: 0; } } .order-detail__container { background: #fff; border-radius: 10px; box-sizing: border-box; box-shadow: 0 0 10px #d1d3d4; display: flex; flex-direction: column; gap: 20px; padding: 20px; width: 100%; } @media (max-width: 1024px) { .order-detail__container { box-shadow: none; border-radius: 0; } } .order-detail__container__dektop-title { display: flex; flex-direction: column; gap: 16px; } @media (max-width: 1024px) { .order-detail__container__dektop-title { display: none; } } .order-detail__container__title { align-items: center; background-color: rgba(0, 0, 0, 0); border: none; cursor: pointer; display: flex; flex-direction: row; gap: 4px; outline: none; } .order-detail__container__title h3 { color: #565252; font-size: 24px; } .order-detail__container__info { align-items: center; display: flex; flex: 1; flex-direction: row; gap: 12px; justify-content: space-between; } .order-detail__container__info-order { display: flex; flex-direction: column; gap: 4px; } .order-detail__container__info-order span { color: #a7a7a7; font-size: 12px; font-weight: 700; text-transform: capitalize; } .order-detail__container__info-order p { color: #565252; font-size: 20px; font-weight: 700; margin: 0; } @media (max-width: 1024px) { .order-detail__container__info-order span { text-transform: capitalize; } .order-detail__container__info-order p { font-size: 14px; } } .order-detail__container__info-dot { border-radius: 100px; height: 12px; width: 12px; flex-shrink: 0; } .order-detail__container__info-dot--active { background: #ff9800; } .order-detail__container__info-dot--shipping { background: #11b24f; } .order-detail__container__info-dot--cancelled { background: red; } .order-detail__container__info-dot--all { background: #2196f3; } .order-detail__container__info-text--active { color: #ff9800; } .order-detail__container__info-text--shipping { color: #11b24f; } .order-detail__container__info-text--cancelled { color: red; } .order-detail__container__info-status { padding: 8px 16px; display: flex; gap: 8px; border-radius: 50px; box-sizing: border-box; font-size: 13px; font-weight: 600; white-space: break-spaces; width: 100%; max-width: -moz-fit-content; max-width: fit-content; } .order-detail__container__info-status--active { background: rgba(255, 152, 0, 0.1882352941); color: #ff9800; } .order-detail__container__info-status--shipping { background: rgba(17, 178, 79, 0.1882352941); color: #11b24f; } .order-detail__container__info-status--cancelled { background: rgba(255, 0, 0, 0.1882352941); color: red; } .order-detail__container__info-status--all { background: #e3f2fd; color: #2196f3; } @media (max-width: 1024px) { .order-detail__container__info-status { border-radius: 12px 12px 0 0; width: 100%; max-width: 100%; } } .order-detail__container__eta { align-items: center; background: rgba(239, 226, 226, 0.3764705882); border: 1px solid #efe2e2; border-radius: 16px; display: flex; flex-direction: column; gap: 8px; justify-content: center; padding: 16px; } .order-detail__container__eta span { color: #565252; font-size: 18px; } .order-detail__container__eta span b { color: #565252; font-weight: 700; } @media (max-width: 1024px) { .order-detail__container__eta span { font-size: 16px; } } @media (max-width: 768px) { .order-detail__container__eta span { font-size: 14px; } } .order-detail__container__eta-message { color: #fc4c02; font-size: 12px; line-height: normal; margin: 0; text-align: center; } @media (max-width: 1024px) { .order-detail__container__eta-message { font-size: 11px; } } .tag-detail { padding: 0 12px; border-radius: 8px; color: #fff !important; text-transform: capitalize; width: -moz-fit-content; width: fit-content; height: 40px; display: flex; align-items: center; font-size: 20px; font-weight: 700; } .tag-detail__po { background-color: #657996; } .tag-detail__lpo { background-color: #d3647a; } .tag-detail__bo { background-color: #996291; } .tag-detail__ready { background-color: #41b774; } .tag-detail__merch { background-color: #09a2dd; } .tag-detail__ur { background-color: #fc4c02; } .transactions h2 { font-size: 3em; margin-bottom: 20px; } @media (max-width: 600px) { .transactions h2 { font-size: 2em; } } .transactions .hidden { display: none; } .transactions__zero { background: #fff; padding: 50px 0 0; position: relative; border: 2px solid #d1d3d4; border-radius: 10px; overflow: hidden; margin-top: 20px; } .transactions__zero__inner { width: 80%; margin: 0 auto 50px; text-align: center; } .transactions__zero__inner h3 { font-size: 2.5em; } @media (max-width: 500px) { .transactions__zero__inner h3 { font-size: 2em; } } .transactions__zero__inner a { font-size: 2em; } @media (max-width: 500px) { .transactions__zero__inner a { font-size: 1.5em; } } .transactions__zero img { display: block; } @media (max-width: 500px) { .transactions__zero img { width: 100%; height: auto; } } .transactions__content { background: #fff; box-shadow: 1px 1.5px 15px 0 rgba(0, 0, 0, 0.05); padding: 20px 24px; border-radius: 5px; } .transactions__content h2 { font-size: 24px; font-weight: 700; color: #565252; letter-spacing: -0.6px; margin-bottom: 22px; display: block; } .transactions__content .search { margin: 22px 24px; padding: 12px; border-radius: 2px; float: right; border: 1px solid #d1d3d4; } @media (max-width: 600px) { .transactions__content { padding: 12px 16px; } } .transactions__content .rc-tabs-bar { border-bottom: 2px solid #d1d3d4; } .transactions__content .rc-tabs-top { border: none; } .transactions__content .rc-tabs-ink-bar { background: #fc4c02; } .transactions__content .rc-tabs-tab { font-weight: 700; } .transactions__content .rc-tabs-tab-active, .transactions__content .rc-tabs-tab:hover { color: #fc4c02; } .transactions__content .loading { width: 100%; overflow: hidden; padding: 64px; box-sizing: border-box; } .transactions__content .loading img { display: table; margin: 0 auto; max-width: 256px; max-height: 256px; width: 100%; height: auto; -o-object-fit: contain; object-fit: contain; } .transactions__content .loading h3 { font-size: 24px; text-align: center; } .transactions__content .loading a, .transactions__content .loading span { font-size: 18px; display: table; margin: 8px auto 0; } .transactions__content ul.transactionList { width: 100%; border-collapse: collapse; margin-top: 8px; } .transactions__content ul.transactionList li { box-sizing: border-box; padding: 16px 20px; border-radius: 4px; margin: 24px 8px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2); font-size: 14px; display: flex; } @media (max-width: 960px) { .transactions__content ul.transactionList li { flex-direction: column; } } .transactions__content ul.transactionList li > .content { flex-grow: 1; padding-right: 24px; border-right: 1px solid #d1d3d4; margin-right: 20px; } @media (max-width: 960px) { .transactions__content ul.transactionList li > .content { padding-right: 0; border-right: none; margin-right: 0; border-bottom: 1px solid #d1d3d4; } } .transactions__content ul.transactionList li > .content .info { display: flex; padding-bottom: 8px; border-bottom: 1px solid #d1d3d4; flex-direction: column; } @media (max-width: 960px) { .transactions__content ul.transactionList li > .content .info { padding: 0 12px 8px; align-items: flex-start; } } .transactions__content ul.transactionList li > .content .info .row { display: flex; margin-bottom: 4px; } .transactions__content ul.transactionList li > .content .info .row:first-child { font-size: 16px; } .transactions__content ul.transactionList li > .content .info .row .column { color: #565252; } .transactions__content ul.transactionList li > .content .info .row .column:first-child { padding-right: 8px; border-right: 1px solid #d1d3d4; margin-right: 6px; } @media (max-width: 960px) { .transactions__content ul.transactionList li > .content .info .row .column:first-child { padding-right: 0; border-right: none; margin-right: 0; } } .transactions__content ul.transactionList li > .content .order { margin: 10px 0; } @media (max-width: 960px) { .transactions__content ul.transactionList li > .content .order { padding: 0 0 8px; align-items: flex-start; } } .transactions__content ul.transactionList li > .content .order .order-info span { display: inline-block; padding-right: 8px; border-right: 1px solid #d1d3d4; margin-right: 8px; box-sizing: border-box; color: #565252; } .transactions__content ul.transactionList li > .content .order .order-info span:last-child { border-right: none; padding-right: 0; margin-right: 0; } .transactions__content ul.transactionList li > .content .order .items { margin: 4px 0; } @media (max-width: 960px) { .transactions__content ul.transactionList li > .content .order .items { padding: 0 12px; } } .transactions__content ul.transactionList li > .content .order .items .item { display: flex; margin: 12px 0; } .transactions__content ul.transactionList li > .content .order .items .item img { width: 64px; height: 64px; -o-object-fit: contain; object-fit: contain; } .transactions__content ul.transactionList li > .content .order .items .item .detail { margin-left: 16px; display: flex; flex-direction: column; flex-grow: 1; max-width: 360px; } @media (max-width: 960px) { .transactions__content ul.transactionList li > .content .order .items .item .detail { align-items: center; flex-direction: row; } } .transactions__content ul.transactionList li > .content .order .items .item .detail a { font-size: 16px; font-weight: 700; flex-grow: 1; } @media (max-width: 960px) { .transactions__content ul.transactionList li > .content .order .items .item .detail a { font-size: 15px; } } @media (max-width: 540px) { .transactions__content ul.transactionList li > .content .order .items .item .detail a { font-size: 14px; } } .transactions__content ul.transactionList li > .content .order .items .item .detail span { display: inline-block; flex-grow: 1; } .transactions__content ul.transactionList li > .content .order .items .item .detail span b, .transactions__content ul.transactionList li > .content .order .items .item .detail span.lighter { color: #565252; } .transactions__content ul.transactionList li > .content .order .items .item .eta { display: flex; align-items: center; margin-left: 32px; } .transactions__content ul.transactionList li > .content .order .items .item .eta span, .transactions__content ul.transactionList li > .content .order .items .item .eta span b { color: #565252; } .transactions__content ul.transactionList li > .content .more { border-top: 1px solid #d1d3d4; padding-top: 20px; padding-bottom: 4px; display: flex; box-sizing: border-box; justify-content: center; } @media (max-width: 960px) { .transactions__content ul.transactionList li > .content .more { border-top: none; justify-content: flex-start; padding: 8px 12px; } } .transactions__content ul.transactionList li > .content .more a { font-size: 14px; font-weight: 700; width: 100%; background: #fc4c02; color: #fff; padding: 12px; border-radius: 4px; text-align: center; } .transactions__content ul.transactionList li > .content .more button { background: none; border: none; color: #fc4c02; cursor: pointer; display: flex; align-items: center; } .transactions__content ul.transactionList li > .content .more button span { color: #fc4c02; } @media (max-width: 960px) { .transactions__content ul.transactionList li > .content .more button span { color: #565252; } } .transactions__content ul.transactionList li > .content .more button img { width: 12px; height: 12px; -o-object-fit: contain; object-fit: contain; margin-left: 8px; filter: brightness(0) invert(0.5); } .transactions__content ul.transactionList li > .content .more button img.rotated { transform: rotate(180deg); } .transactions__content ul.transactionList li > .content .more button:hover img { filter: none; } .transactions__content ul.transactionList li > .detail { text-align: center; width: 173px; padding: 4px 8px; box-sizing: border-box; } @media (max-width: 960px) { .transactions__content ul.transactionList li > .detail { padding: 8px 12px; align-items: flex-start; width: 100%; } .transactions__content ul.transactionList li > .detail .dueDate { background: rgba(234, 51, 21, 0.1); border: 1px solid #d1d3d4; border-radius: 4px; padding: 8px; margin: 0 -2px 12px; } .transactions__content ul.transactionList li > .detail .dueDate.green { background: rgba(34, 234, 21, 0.1); } .transactions__content ul.transactionList li > .detail .duePay { display: flex; } .transactions__content ul.transactionList li > .detail .duePay img { width: 50px; margin-right: 12px; -o-object-fit: contain; object-fit: contain; } .transactions__content ul.transactionList li > .detail .duePay div { text-align: left; } .transactions__content ul.transactionList li > .detail .duePay div .label { font-size: 12px; } .transactions__content ul.transactionList li > .detail .duePay div .value { font-size: 14px; } } .transactions__content ul.transactionList li > .detail .label { display: block; color: #565252; margin-bottom: 8px; font-size: 12px; } .transactions__content ul.transactionList li > .detail img { width: 50%; margin-bottom: 24px; } .transactions__content ul.transactionList li > .detail .value { font-size: 16px; font-weight: 700; margin-bottom: 20px; display: block; } .transactions__content ul.transactionList li > .detail button { margin: 6px 0; border: 1px solid #fc4c02; border-radius: 4px; color: #fc4c02; padding: 8px; width: 100%; background: rgba(0, 0, 0, 0); cursor: pointer; } @media (max-width: 960px) { .transactions__content ul.transactionList li > .detail button { background: #fc4c02; color: #fff; padding: 12px; } } .transactions__content ul.transactionList li > .detail button:hover { background-color: #fc4c02; color: #fff; } @media (max-width: 960px) { .transactions__content ul.transactionList li { padding: 8px 0; } } @media (max-width: 540px) { .transactions__content ul.transactionList li { font-size: 12px; } } .transactions__content__pagination { padding: 20px 0; } .transactions__content__pagination__paging { display: flex; flex-direction: row; justify-content: center; } .transactions__content__pagination__paging li { display: block; z-index: 1; transition: 0.2s; margin: 0 4px; } .transactions__content__pagination__paging li a { padding: 8px; display: block; transition: 0.2s; border-radius: 4px; text-decoration: none; } .transactions__content__pagination__paging li a:hover { background: #a2a2a2; color: #fff; } .transactions__content__pagination__paging li.disabled { background: #d1d3d4; border-radius: 4px; } .transactions__content__pagination__paging li.disabled a { color: #000; cursor: default; } .transactions__content__pagination__paging li.active { background: #fc4c02; border-color: #fc4c02; z-index: 3; border-radius: 4px; } .transactions__content__pagination__paging li.active a { color: #fff; cursor: default; } .transactions__content__pagination__paging li.active a:hover { background: #fc4c02; color: #fff; } @media (min-width: 961px) { .transactions .mobileOnly { display: none !important; } } @media (max-width: 960px) { .transactions .desktopOnly { display: none !important; } .change-method-modal { margin: 0; padding: 0; } } .change-method-modal__modal { width: 100%; background: none; box-shadow: none; } .change-method-modal__modal .desktopChanger .paymentMethodSelector { display: flex; } .change-method-modal__modal .desktopChanger .paymentMethodSelector .method { width: 148px; height: 148px; padding: 8px; cursor: pointer; border: none; background: rgba(0, 0, 0, 0); } .change-method-modal__modal .desktopChanger .paymentMethodSelector .method div { box-sizing: border-box; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15); background: #fff; padding: 8px; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 100%; } .change-method-modal__modal .desktopChanger .paymentMethodSelector .method.active { padding: 0; } .change-method-modal__modal .desktopChanger .paymentMethodSelector .method.active div { box-shadow: none; } .change-method-modal__modal .desktopChanger .paymentMethodSelector .method.active span { color: #565252; } .change-method-modal__modal .desktopChanger .paymentMethodSelector .method img { height: 48px; width: 48px; flex-shrink: 0; -o-object-fit: contain; object-fit: contain; } .change-method-modal__modal .desktopChanger .paymentMethodSelector .method span { text-align: center; font-size: 14px; display: inline-block; margin-top: 12px; color: #a2a2a2; } .change-method-modal__modal .desktopChanger .box { box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15); background-color: #fff; padding: 24px; width: 100%; box-sizing: border-box; margin-bottom: 12px; } .history-details-button { border: 2px solid #fc4c02; padding: 8px; background-color: rgba(0, 0, 0, 0); font-weight: 700; color: #fc4c02; display: flex; align-items: center; justify-content: center; position: relative; border-radius: 5px; } @media (max-width: 960px) { .history-details-button { background-color: #fc4c02; margin-bottom: 12px; } } .history-details-button:hover { background-color: #fc4c02; color: #fff; cursor: pointer; } .history-details-button:hover .arrow-history, .history-details-button:hover .button-text-history { color: #fff; } .button-text-history { z-index: 1; color: #fc4c02; } @media (max-width: 960px) { .button-text-history { color: #fff; } } .arrow-history { position: absolute; right: 8px; color: #fc4c02; } @media (max-width: 960px) { .arrow-history { color: #fff; } } .blank { position: fixed; top: 0; left: 0; z-index: 10000000000; background: #fff; width: 100%; height: 100%; } .error-404 { background: #fff; padding: 64px 72px; position: relative; border-top: 10px solid #fc4c02; border-radius: 10px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 960px) { .error-404 { padding: 32px 64px; } } @media (max-width: 540px) { .error-404 { padding: 32px; } } .error-404 .error { margin: 0 auto 48px; text-align: center; } .error-404 .error h1.number { font-size: 128px; margin: 0; color: #fc4c02; display: flex; justify-content: center; align-items: center; } .error-404 .error h1.number img { width: 96px; height: 110px; background: #fc4c02; border-radius: 64px; margin-left: 8px; -o-object-fit: cover; object-fit: cover; margin-top: -8px; } .error-404 .error p.quote { font-size: 24px; color: #565252; position: relative; margin: 32px auto 16px; letter-spacing: 1.6px; max-width: 40%; } @media (max-width: 960px) { .error-404 .error p.quote { max-width: 80%; } } .error-404 .error p.quote:before { content: "“"; color: #a2a2a2; font-size: 256px; position: absolute; opacity: 0.15; top: -72px; margin-left: -64px; } .error-404 .error span { display: block; font-size: 18px; } .error-404 .error span.characterName { color: #565252; } .error-404 .error span.series { color: #a2a2a2; } .error-404 .error p.notice { margin-top: 64px; font-size: 18px; box-sizing: border-box; color: #565252; } .error-404 .error a { font-size: 16px; padding: 8px; border: 1px solid #fc4c02; box-sizing: border-box; display: inline-block; border-radius: 4px; text-decoration: none; margin-top: 8px; } .error-404 .error a:hover { background-color: #fc4c02; color: #fff; } .error-404 .selector { margin-top: 64px; text-align: center; } .error-404 .selector span { font-size: 20px; color: #565252; display: flex; align-items: center; justify-content: center; margin: 0 auto; } @media (max-width: 960px) { .error-404 .selector span { flex-direction: column; align-items: flex-start; } } .error-404 .selector span .select { min-width: 256px; margin: 0 8px; } @media (max-width: 960px) { .error-404 .selector span .select { margin: 8px 0; width: 100%; min-width: 0; } } .error-404 hr { border: 0.5px solid #a2a2a2; } .error-404 .quoteList { margin-top: 32px; } .error-404 .quoteList ul li { padding: 24px; border: 1px solid #d1d3d4; border-radius: 4px; display: flex; align-items: center; margin-bottom: 8px; } @media (max-width: 960px) { .error-404 .quoteList ul li { align-items: flex-start; } } .error-404 .quoteList ul li img { width: 48px; height: 48px; flex-shrink: 0; border-radius: 100%; background: #a2a2a2; margin-right: 16px; } .error-404 .quoteList ul li div .name { font-size: 16px; font-weight: 700; color: #565252; display: inline-block; } .error-404 .quoteList ul li div p { color: #a2a2a2; margin-top: 8px; font-size: 14px; } .reset-page { background: #fff; max-width: 720px; margin: auto; border-radius: 4px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1); padding: 40px; box-sizing: border-box; } .reset-page__content { width: 100%; max-width: 480px; margin: 0 auto; } .reset-page__content__title { font-size: 24px; font-weight: 700; letter-spacing: normal; color: #303030; } .reset-page__content__detail, .reset-page__content__title { text-align: center; font-style: normal; font-stretch: normal; line-height: normal; } .reset-page__content__detail { font-size: 14px; font-weight: 400; color: #606060; margin-top: 16px; } .reset-page__content__form { margin-top: 24px; } .reset-page__content__form__input { border-radius: 4px; border: 1px solid #d1dae8; padding: 12px 16px; box-sizing: border-box; color: #303030; width: 100%; } .reset-page__content__form__submit { margin-top: 24px; border-radius: 4px; background-color: #fc4c02; border: none; color: #fff; font-size: 15px; font-weight: 700; font-style: normal; font-stretch: normal; line-height: 1.6; cursor: pointer; padding: 12px 16px; box-sizing: border-box; width: 100%; } .reset-page__content__form__submit:disabled { background: #a2a2a2; border-color: #a2a2a2; cursor: not-allowed; color: #fff; } .reset-page__content__back-to-main { margin-top: 16px; font-size: 14px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: normal; color: rgba(128, 128, 128, 0.84); display: block; text-decoration: underline; text-align: center; } .figure-rescue-page { background: #fff; border-radius: 5px; box-shadow: 1px 1.5px 15px 0 rgba(0, 0, 0, 0.05); padding: 0 74px; } @media (max-width: 960px) { .figure-rescue-page { padding: 24px 48px; } } .figure-rescue-page h2 { font-size: 22.5px; color: #565252; } @media (max-width: 1024px) { .figure-rescue-page h2 { margin: 0; } } .figure-rescue-page h2.landing { font-size: 38px; color: #fc4c02; text-align: center; } .figure-rescue-page h2.endingMessage { font-size: 38px; text-align: center; margin: 16px 0; } .figure-rescue-page p { font-size: 12px; color: #a2a2a2; margin: 8px 0; } .figure-rescue-page p.preface { margin: 16px 0; } .figure-rescue-page p.endingName, .figure-rescue-page p.preface { font-size: 14px; text-align: center; } .figure-rescue-page input[type="button"] { background: #fc4c02; padding: 16px 64px; border: 0; color: #fff; font-weight: 700; border-radius: 4px; font-size: 10px; margin-top: 32px; position: relative; cursor: pointer; right: 0; } .figure-rescue-page input[type="button"].back { background: rgba(0, 0, 0, 0); border: 1px solid #fc4c02; color: #fc4c02; } .figure-rescue-page input[type="button"]:disabled { background: #a2a2a2; cursor: default; } .figure-rescue-page .separator { flex-grow: 1; } .figure-rescue-page .buttons { display: flex; align-items: center; } @media (max-width: 960px) { .figure-rescue-page .buttons { width: 100%; flex-direction: column; } .figure-rescue-page .buttons input[type="button"] { width: 100%; margin-top: 16px; } } .figure-rescue-page__content { padding: 0 0 48px; flex-grow: 1; } @media (max-width: 1024px) { .figure-rescue-page__content { width: calc(100% - 44px); margin-top: 20px; padding: 10px; width: calc(100% - 24px); } } .figure-rescue-page__inner { margin-top: 72px; } @media (max-width: 960px) { .figure-rescue-page__inner { margin-top: 0; } } .figure-rescue-page__inner .centerize { padding: 72px; } .figure-rescue-page__inner .orders { display: flex; flex-wrap: wrap; margin: 0 -12px; } .figure-rescue-page__inner .orders .order { width: 50%; padding: 12px; box-sizing: border-box; } @media (max-width: 960px) { .figure-rescue-page__inner .orders .order { width: 100%; } } .figure-rescue-page__inner .orders .order input[type="radio"] { display: none; } .figure-rescue-page__inner .orders .order input[type="radio"] + label { border: 1px solid #d1d3d4; border-radius: 5px; padding: 10px 14px; display: flex; align-items: center; cursor: pointer; } .figure-rescue-page__inner .orders .order input[type="radio"] + label span { margin: 0 0 0 36px; color: #565252; } .figure-rescue-page__inner .orders .order input[type="radio"] + label .imgPlaceholder { width: 48px; height: 48px; border-radius: 5px; background-color: #a2a2a2; } .figure-rescue-page__inner .orders .order input[type="radio"] + label .imgPlaceholder img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 5px; } .figure-rescue-page__inner .orders .order input[type="radio"] + label:after { display: flex; align-items: center; justify-items: center; content: " "; background: #fc4c02; width: 0; height: 0; right: 0; top: -6px; border-radius: 100%; position: absolute; transform: translate(50%); transition: width 0.25s, height 0.25s; } .figure-rescue-page__inner .orders .order input[type="radio"]:checked + label { border-color: #fc4c02; position: relative; } .figure-rescue-page__inner .orders .order input[type="radio"]:checked + label:after { width: 17.5px; height: 17.5px; } .figure-rescue-page__inner .orders .order input[type="radio"]:checked + label span { color: #fc4c02; } .figure-rescue-page__inner .items { display: flex; flex-wrap: wrap; margin: 0 -12px; } .figure-rescue-page__inner .items .item { width: 33.3%; padding: 12px; box-sizing: border-box; } @media (max-width: 960px) { .figure-rescue-page__inner .items .item { width: 50%; } } @media (max-width: 540px) { .figure-rescue-page__inner .items .item { width: 100%; } } .figure-rescue-page__inner .items .item input[type="radio"] { display: none; } .figure-rescue-page__inner .items .item input[type="radio"] + label { border: 1px solid #d1d3d4; border-radius: 5px; padding: 18px; display: flex; flex-direction: column; align-items: center; text-align: center; cursor: pointer; } .figure-rescue-page__inner .items .item input[type="radio"] + label span { margin: 8px 0 0; color: #a2a2a2; } .figure-rescue-page__inner .items .item input[type="radio"] + label span.itemName { margin-top: 8px; color: #565252; height: 32px; display: flex; align-items: center; } .figure-rescue-page__inner .items .item input[type="radio"] + label .imgPlaceholder { width: 100%; border-radius: 5px; position: relative; } .figure-rescue-page__inner .items .item input[type="radio"] + label .imgPlaceholder img { width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 5px; background: #565252; min-height: 128px; } .figure-rescue-page__inner .items .item input[type="radio"] + label .imgPlaceholder img:before { content: ""; display: block; padding-top: 100%; } .figure-rescue-page__inner .items .item input[type="radio"] + label .imgPlaceholder span.checker { display: inline-block; position: absolute; width: 24px; height: 24px; background: #a2a2a2; border-radius: 100%; top: 0; right: 0; margin: -8px; } .figure-rescue-page__inner .items .item input[type="radio"]:checked + label { border-color: #fc4c02; position: relative; } .figure-rescue-page__inner .items .item input[type="radio"]:checked + label span { color: #fc4c02; } .figure-rescue-page__inner .items .item input[type="radio"]:checked + label span.checker { background: #fc4c02; } .figure-rescue-page__inner textarea { width: 100%; border-color: #d1d3d4; height: 256px; resize: none; margin-top: 28px; border-radius: 5px; padding: 18px; box-sizing: border-box; } .figure-rescue-page__inner .uploadArea { margin-top: 28px; padding: 64px; display: flex; flex-direction: column; align-items: center; border-radius: 5px; border: 1px dashed #d1d3d4; box-sizing: border-box; } .figure-rescue-page__inner .uploadArea.fileOver { border-color: #fc4c02; } .figure-rescue-page__inner .uploadArea input[type="file"] { display: none; } .figure-rescue-page__inner .uploadArea label { font-weight: 700; color: #fc4c02; cursor: pointer; } .figure-rescue-page__inner .imagePreview { margin: 8px -12.5px; display: flex; flex-wrap: wrap; } .figure-rescue-page__inner .imagePreview .imageContainer { box-sizing: border-box; padding: 12.5px; width: 25%; height: 128px; position: relative; } .figure-rescue-page__inner .imagePreview .imageContainer > img { border: 1px solid #d1d3d4; border-radius: 4px; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .figure-rescue-page__inner .imagePreview .imageContainer > button { margin: 12.5px; box-sizing: border-box; border: none; background: none; position: absolute; top: 0; left: 0; width: calc(100% - 25px + 1px); height: calc(100% - 25px + 1px); background: rgba(252, 76, 2, 0.8); border-radius: 4px; cursor: pointer; opacity: 0; transition: opacity 0.25s; } .figure-rescue-page__inner .imagePreview .imageContainer > button img { filter: brightness(0) invert(1); } .figure-rescue-page__inner .imagePreview .imageContainer:hover > button { opacity: 1; } .figure-rescue-page__inner.hidden { display: none; } .figure-rescue-page__inner h3 { margin-left: 10px; margin-top: 8px; color: #3d4852; font-size: 16px; } .figure-rescue-page__inner span { margin-top: 8px; margin-left: 10px; display: block; font-size: 14px; font-weight: 700; } .figure-rescue-page__inner span a { display: inline-block; margin: 8px 0; } .figure-rescue-page .css-2o5izw, .figure-rescue-page .css-2o5izw:hover { border-color: #fc4c02; box-shadow: 0 0 0 1px #fc4c02; } .figure-rescue-page .css-1aya2g8 { background: #fff; border-color: #d1d3d4; border-width: 2px; } #nprogress { pointer-events: none; } #nprogress .bar { background: #fc4c02; position: fixed; z-index: 1031; top: 0; left: 0; width: 100%; height: 2px; } #nprogress .peg { display: block; position: absolute; right: 0; width: 100px; height: 100%; box-shadow: 0 0 10px #fc4c02, 0 0 5px #fc4c02; opacity: 1; transform: rotate(3deg) translateY(-4px); } #nprogress .spinner { display: block; position: fixed; z-index: 1031; top: 15px; right: 15px; } #nprogress .spinner-icon { width: 18px; height: 18px; box-sizing: border-box; border-color: #fc4c02 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fc4c02; border-style: solid; border-width: 2px; border-radius: 50%; animation: nprogress-spinner 0.4s linear infinite; } .nprogress-custom-parent { overflow: hidden; position: relative; } .nprogress-custom-parent #nprogress .bar, .nprogress-custom-parent #nprogress .spinner { position: absolute; } @keyframes nprogress-spinner { 0% { transform: rotate(0deg); } to { transform: rotate(1turn); } } * { margin: 0; padding: 0; } ::-moz-selection { background: rgba(140, 213, 246, 0.5); } ::selection { background: rgba(140, 213, 246, 0.5); } html { font-size: 16px; } @media screen and (min-width: 1024px) and (max-width: 1440px) { html { font-size: 12px; } } @media screen and (max-width: 1024px) { html { font-size: 16px; } } body { background-color: #f7f7f7; letter-spacing: -0.5px; color: #2d2d2d; font-family: Nunito, sans-serif; } a { border: none; text-decoration: none; color: #fc4c02; } a:hover { text-decoration: underline; } img { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .socialAuthButton { transform: translateY(0) scale(1); box-shadow: 0 4px 10px rgba(45, 45, 45, 0.08); transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease; will-change: transform; } .socialAuthButton:not(:disabled):hover { transform: translateY(-2px) scale(1.015); box-shadow: 0 10px 18px rgba(45, 45, 45, 0.14); filter: brightness(1.03); } .socialAuthButton:not(:disabled):active { transform: translateY(1px) scale(0.995); box-shadow: 0 3px 8px rgba(45, 45, 45, 0.12); } .socialAuthButton:focus-visible { outline: 3px solid rgba(241, 90, 43, 0.35); outline-offset: 3px; } ol, ul { list-style: none; } @media (display-mode: standalone) and (max-width: 1024px) { .fb_dialog { bottom: 82px !important; } } .container { width: 83%; margin: 86px auto 50px; min-height: 500px; } @media (min-width: 1440px) { .container { max-width: 1195px; } } @media (display-mode: standalone) and (max-width: 1024px) { .container { margin-bottom: 72px; } } @media (max-width: 1024px) { .container.mobile { margin: 64px 0 50px; width: 100%; } } .container.webview { margin-top: 0; } @media (max-width: 1024px) { .container { width: 90%; } } @media (max-width: 580px) { .container { width: 95%; } } @media (max-width: 1024px) { .container.itemPage { margin: 56px 0 0; width: 100%; } .container.itemPage .announcement { margin: 56px 0 0; display: none; } } @media (max-width: 580px) { .container.itemPage { width: 100%; } } .width-100 { width: 100%; margin: 64px auto 50px; } .width-100 .announcement { margin: 0; } @media (max-width: 1024px) { .width-100 { margin: 56px auto 50px; } } @media (min-width: 1440px) { .width-100 { max-width: none; } } a, button, input, select, textarea { outline: none; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; } label.radio { display: block; position: relative; padding-left: 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } label.radio input[type="radio"] { position: absolute; opacity: 0; cursor: pointer; } label.radio input[type="radio"] + span { position: absolute; top: 0; left: 0; height: 15px; width: 15px; background-color: #fff; border-radius: 50%; border: 1px solid #fc4c02; } label.radio input[type="radio"]::checked ~ span { background-color: #fff; } label.radio input[type="radio"] + span:after { content: ""; position: absolute; } label.radio input[type="radio"]::checked ~ span:after { display: block; background: #fc4c02; } label.radio span:after { top: 2px; left: 2px; width: 11px; height: 11px; border-radius: 50%; background: #fff; transition: 0.2s; } label.radio:hover input[type="radio"] ~ span:after { background: #fc4c02; display: block; } .slick-next, .slick-prev { z-index: 10; background: rgba(0, 0, 0, 0.6); height: 50px; width: 30px; } .slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover { background: #000; } .slick-prev { left: 0; } .slick-prev:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAfCAYAAAAFkva3AAAAmklEQVRIie3PsQnCQABA0RM7G2s7W8UhxDFibRNcwdoZ3MHaziIjOEPAwgmECM8mgiAkl3B2+QM8+CH0CDlKVCiw7OMEHP12xzQF9GmbCoJdKuiJeQrohWyABqgFypNANVYmgWqsasBumHTBipbNazSIBR4pwdUADuB/wAtGKcFNFBYJ7qOxCHDdCWsAz52hL3CGA07IMA4hhDfsjGKYMTWwuAAAAABJRU5ErkJggg==); } .slick-next { right: 0; } .slick-next:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAfCAYAAAAFkva3AAAAnUlEQVRIie3WoQ3CYBCA0QrCChXdAMMSCAQCzQgohiABzxpM0+DYoRoS0ofgBCFQSvkxpJ+/l9ypyzDAFhVO2CPPuhTQY0cUXbDqCdYNjNVe9RkYN2qqPYg8BpKBRQ/24G/AEsOU4LwVFuDqDbZsCy1waYBqjFNAsE4FbXroX6FZEiiwQxIosDoJFFiZBApsgvPX0B04cntgdph2da7KmV1GWmiOxgAAAABJRU5ErkJggg==); } .slick-disabled { display: none !important; } *, :after, :before { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246/0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246/0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } .tw-sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border-width: 0 !important; } .tw-pointer-events-none { pointer-events: none !important; } .tw-pointer-events-auto { pointer-events: auto !important; } .tw-fixed { position: fixed !important; } .tw-absolute { position: absolute !important; } .tw-relative { position: relative !important; } .tw-sticky { position: sticky !important; } .tw-inset-0 { inset: 0 !important; } .tw-inset-\[2px\] { inset: 2px !important; } .tw-inset-\[6px\] { inset: 6px !important; } .tw-inset-x-0 { left: 0 !important; right: 0 !important; } .tw-inset-y-0 { top: 0 !important; bottom: 0 !important; } .-tw-bottom-8 { bottom: -2rem !important; } .-tw-left-16 { left: -4rem !important; } .-tw-right-\[2px\] { right: -2px !important; } .-tw-top-\[2px\] { top: -2px !important; } .-tw-top-\[40px\] { top: -40px !important; } .tw-bottom-0 { bottom: 0 !important; } .tw-bottom-3 { bottom: 0.75rem !important; } .tw-bottom-5 { bottom: 1.25rem !important; } .tw-bottom-\[-18px\] { bottom: -18px !important; } .tw-bottom-\[-24px\] { bottom: -24px !important; } .tw-bottom-\[12px\] { bottom: 12px !important; } .tw-bottom-\[14px\] { bottom: 14px !important; } .tw-bottom-\[16px\] { bottom: 16px !important; } .tw-bottom-\[170px\] { bottom: 170px !important; } .tw-bottom-\[24px\] { bottom: 24px !important; } .tw-bottom-\[268px\] { bottom: 268px !important; } .tw-bottom-\[2px\] { bottom: 2px !important; } .tw-bottom-\[6px\] { bottom: 6px !important; } .tw-bottom-\[72px\] { bottom: 72px !important; } .tw-bottom-\[8px\] { bottom: 8px !important; } .tw-bottom-full { bottom: 100% !important; } .tw-left-0 { left: 0 !important; } .tw-left-1\/2 { left: 50% !important; } .tw-left-3 { left: 0.75rem !important; } .tw-left-4 { left: 1rem !important; } .tw-left-6 { left: 1.5rem !important; } .tw-left-\[-2\%\] { left: -2% !important; } .tw-left-\[0px\] { left: 0 !important; } .tw-left-\[12px\] { left: 12px !important; } .tw-left-\[16px\] { left: 16px !important; } .tw-left-\[20\%\] { left: 20% !important; } .tw-left-\[3\%\] { left: 3% !important; } .tw-left-\[4px\] { left: 4px !important; } .tw-left-\[6px\] { left: 6px !important; } .tw-left-\[8px\] { left: 8px !important; } .tw-right-0 { right: 0 !important; } .tw-right-2 { right: 0.5rem !important; } .tw-right-3 { right: 0.75rem !important; } .tw-right-4 { right: 1rem !important; } .tw-right-\[100px\] { right: 100px !important; } .tw-right-\[10px\] { right: 10px !important; } .tw-right-\[12px\] { right: 12px !important; } .tw-right-\[24px\] { right: 24px !important; } .tw-right-\[3\%\] { right: 3% !important; } .tw-right-\[48px\] { right: 48px !important; } .tw-right-\[6px\] { right: 6px !important; } .tw-right-\[84px\] { right: 84px !important; } .tw-right-\[8px\] { right: 8px !important; } .tw-right-full { right: 100% !important; } .tw-top-0 { top: 0 !important; } .tw-top-1\/2 { top: 50% !important; } .tw-top-11 { top: 2.75rem !important; } .tw-top-3 { top: 0.75rem !important; } .tw-top-4 { top: 1rem !important; } .tw-top-\[-6px\] { top: -6px !important; } .tw-top-\[0px\] { top: 0 !important; } .tw-top-\[100px\] { top: 100px !important; } .tw-top-\[12px\] { top: 12px !important; } .tw-top-\[16px\] { top: 16px !important; } .tw-top-\[18px\] { top: 18px !important; } .tw-top-\[20px\] { top: 20px !important; } .tw-top-\[3\%\] { top: 3% !important; } .tw-top-\[48px\] { top: 48px !important; } .tw-top-\[4px\] { top: 4px !important; } .tw-top-\[52px\] { top: 52px !important; } .tw-top-\[56px\] { top: 56px !important; } .tw-top-\[64px\] { top: 64px !important; } .tw-top-\[6px\] { top: 6px !important; } .tw-top-\[86px\] { top: 86px !important; } .tw-top-\[8px\] { top: 8px !important; } .-tw-z-10 { z-index: -10 !important; } .tw-z-0 { z-index: 0 !important; } .tw-z-10 { z-index: 10 !important; } .tw-z-20 { z-index: 20 !important; } .tw-z-40 { z-index: 40 !important; } .tw-z-50 { z-index: 50 !important; } .tw-z-\[1000\] { z-index: 1000 !important; } .tw-z-\[100\] { z-index: 100 !important; } .tw-z-\[1050\] { z-index: 1050 !important; } .tw-z-\[1100\] { z-index: 1100 !important; } .tw-z-\[110\] { z-index: 110 !important; } .tw-z-\[120\] { z-index: 120 !important; } .tw-z-\[1\] { z-index: 1 !important; } .tw-z-\[2000\] { z-index: 2000 !important; } .tw-z-\[2147483645\] { z-index: 2147483645 !important; } .tw-z-\[2\] { z-index: 2 !important; } .tw-z-\[2px\] { z-index: 2px !important; } .tw-z-\[3\] { z-index: 3 !important; } .tw-z-\[500\] { z-index: 500 !important; } .tw-z-\[5\] { z-index: 5 !important; } .tw-z-\[600\] { z-index: 600 !important; } .tw-z-\[90\] { z-index: 90 !important; } .tw-z-\[9999\] { z-index: 9999 !important; } .tw-col-span-2 { grid-column: span 2 / span 2 !important; } .tw-col-span-3 { grid-column: span 3 / span 3 !important; } .tw-col-span-full { grid-column: 1/-1 !important; } .tw-row-start-1 { grid-row-start: 1 !important; } .\!tw-m-0, .tw-m-0 { margin: 0 !important; } .tw-m-1 { margin: 0.25rem !important; } .tw-m-\[14px\] { margin: 14px !important; } .-tw-mx-\[16px\] { margin-left: -16px !important; margin-right: -16px !important; } .tw--mx-\[2px\] { margin-left: -2px !important; margin-right: -2px !important; } .tw-mx-0 { margin-left: 0 !important; margin-right: 0 !important; } .tw-mx-\[-16px\] { margin-left: -16px !important; margin-right: -16px !important; } .tw-mx-\[-8px\] { margin-left: -8px !important; margin-right: -8px !important; } .tw-mx-\[10px\] { margin-left: 10px !important; margin-right: 10px !important; } .tw-mx-\[20px\] { margin-left: 20px !important; margin-right: 20px !important; } .tw-mx-\[8px\] { margin-left: 8px !important; margin-right: 8px !important; } .tw-mx-auto { margin-left: auto !important; margin-right: auto !important; } .tw-my-4 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .tw-my-\[12px\] { margin-top: 12px !important; margin-bottom: 12px !important; } .tw-my-\[16px\] { margin-top: 16px !important; margin-bottom: 16px !important; } .tw-my-\[32px\] { margin-top: 32px !important; margin-bottom: 32px !important; } .tw-my-\[42px\] { margin-top: 42px !important; margin-bottom: 42px !important; } .tw-my-\[48px\] { margin-top: 48px !important; margin-bottom: 48px !important; } .tw-my-\[4px\] { margin-top: 4px !important; margin-bottom: 4px !important; } .tw-my-\[5px\] { margin-top: 5px !important; margin-bottom: 5px !important; } .tw-my-\[8px\] { margin-top: 8px !important; margin-bottom: 8px !important; } .tw-my-auto { margin-top: auto !important; margin-bottom: auto !important; } .\!tw-mr-0 { margin-right: 0 !important; } .\!tw-mt-0 { margin-top: 0 !important; } .-tw-mt-\[24px\] { margin-top: -24px !important; } .tw--ml-\[50vw\] { margin-left: -50vw !important; } .tw--mr-4 { margin-right: -1rem !important; } .tw--mt-\[86px\] { margin-top: -86px !important; } .tw-mb-0 { margin-bottom: 0 !important; } .tw-mb-1 { margin-bottom: 0.25rem !important; } .tw-mb-2 { margin-bottom: 0.5rem !important; } .tw-mb-3 { margin-bottom: 0.75rem !important; } .tw-mb-4 { margin-bottom: 1rem !important; } .tw-mb-5 { margin-bottom: 1.25rem !important; } .tw-mb-6 { margin-bottom: 1.5rem !important; } .tw-mb-\[-60px\] { margin-bottom: -60px !important; } .tw-mb-\[10px\] { margin-bottom: 10px !important; } .tw-mb-\[12px\] { margin-bottom: 12px !important; } .tw-mb-\[14px\] { margin-bottom: 14px !important; } .tw-mb-\[16px\] { margin-bottom: 16px !important; } .tw-mb-\[1rem\] { margin-bottom: 1rem !important; } .tw-mb-\[20px\] { margin-bottom: 20px !important; } .tw-mb-\[24px\] { margin-bottom: 24px !important; } .tw-mb-\[26px\] { margin-bottom: 26px !important; } .tw-mb-\[2px\] { margin-bottom: 2px !important; } .tw-mb-\[2rem\] { margin-bottom: 2rem !important; } .tw-mb-\[30px\] { margin-bottom: 30px !important; } .tw-mb-\[32px\] { margin-bottom: 32px !important; } .tw-mb-\[48px\] { margin-bottom: 48px !important; } .tw-mb-\[4px\] { margin-bottom: 4px !important; } .tw-mb-\[6px\] { margin-bottom: 6px !important; } .tw-mb-\[8px\] { margin-bottom: 8px !important; } .tw-ml-1 { margin-left: 0.25rem !important; } .tw-ml-\[10px\] { margin-left: 10px !important; } .tw-ml-\[16px\] { margin-left: 16px !important; } .tw-ml-\[1px\] { margin-left: 1px !important; } .tw-ml-\[20px\] { margin-left: 20px !important; } .tw-ml-\[2px\] { margin-left: 2px !important; } .tw-ml-\[3px\] { margin-left: 3px !important; } .tw-ml-\[4px\] { margin-left: 4px !important; } .tw-ml-\[5px\] { margin-left: 5px !important; } .tw-ml-\[6px\] { margin-left: 6px !important; } .tw-ml-\[8px\] { margin-left: 8px !important; } .tw-ml-\[calc\(50\%-50vw\)\] { margin-left: calc(50% - 50vw) !important; } .tw-ml-auto { margin-left: auto !important; } .tw-mr-1 { margin-right: 0.25rem !important; } .tw-mr-2 { margin-right: 0.5rem !important; } .tw-mr-3 { margin-right: 0.75rem !important; } .tw-mr-\[10px\] { margin-right: 10px !important; } .tw-mr-\[12px\] { margin-right: 12px !important; } .tw-mr-\[13px\] { margin-right: 13px !important; } .tw-mr-\[16px\] { margin-right: 16px !important; } .tw-mr-\[20px\] { margin-right: 20px !important; } .tw-mr-\[4px\] { margin-right: 4px !important; } .tw-mr-\[8px\] { margin-right: 8px !important; } .tw-mr-\[calc\(50\%-50vw\)\] { margin-right: calc(50% - 50vw) !important; } .tw-mr-auto { margin-right: auto !important; } .tw-mt-0 { margin-top: 0 !important; } .tw-mt-0\.5 { margin-top: 0.125rem !important; } .tw-mt-1 { margin-top: 0.25rem !important; } .tw-mt-2 { margin-top: 0.5rem !important; } .tw-mt-3 { margin-top: 0.75rem !important; } .tw-mt-4 { margin-top: 1rem !important; } .tw-mt-5 { margin-top: 1.25rem !important; } .tw-mt-6 { margin-top: 1.5rem !important; } .tw-mt-\[-1px\] { margin-top: -1px !important; } .tw-mt-\[-40px\] { margin-top: -40px !important; } .tw-mt-\[-4px\] { margin-top: -4px !important; } .tw-mt-\[-60px\] { margin-top: -60px !important; } .tw-mt-\[-6px\] { margin-top: -6px !important; } .tw-mt-\[-8px\] { margin-top: -8px !important; } .tw-mt-\[100px\] { margin-top: 100px !important; } .tw-mt-\[10px\] { margin-top: 10px !important; } .tw-mt-\[12px\] { margin-top: 12px !important; } .tw-mt-\[14px\] { margin-top: 14px !important; } .tw-mt-\[16px\] { margin-top: 16px !important; } .tw-mt-\[18px\] { margin-top: 18px !important; } .tw-mt-\[1px\] { margin-top: 1px !important; } .tw-mt-\[20px\] { margin-top: 20px !important; } .tw-mt-\[22px\] { margin-top: 22px !important; } .tw-mt-\[23px\] { margin-top: 23px !important; } .tw-mt-\[24px\] { margin-top: 24px !important; } .tw-mt-\[28px\] { margin-top: 28px !important; } .tw-mt-\[2px\] { margin-top: 2px !important; } .tw-mt-\[30px\] { margin-top: 30px !important; } .tw-mt-\[32px\] { margin-top: 32px !important; } .tw-mt-\[36px\] { margin-top: 36px !important; } .tw-mt-\[3px\] { margin-top: 3px !important; } .tw-mt-\[40px\] { margin-top: 40px !important; } .tw-mt-\[43px\] { margin-top: 43px !important; } .tw-mt-\[4px\] { margin-top: 4px !important; } .tw-mt-\[55px\] { margin-top: 55px !important; } .tw-mt-\[56px\] { margin-top: 56px !important; } .tw-mt-\[5px\] { margin-top: 5px !important; } .tw-mt-\[64px\] { margin-top: 64px !important; } .tw-mt-\[6px\] { margin-top: 6px !important; } .tw-mt-\[80px\] { margin-top: 80px !important; } .tw-mt-\[8px\] { margin-top: 8px !important; } .tw-mt-auto { margin-top: auto !important; } .tw-box-border { box-sizing: border-box !important; } .tw-line-clamp-2 { overflow: hidden !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; } .tw-block { display: block !important; } .tw-inline-block { display: inline-block !important; } .tw-flex { display: flex !important; } .tw-inline-flex { display: inline-flex !important; } .tw-table { display: table !important; } .tw-grid { display: grid !important; } .tw-contents { display: contents !important; } .tw-hidden { display: none !important; } .tw-aspect-\[1006\/901\] { aspect-ratio: 1006/901 !important; } .tw-aspect-\[132\/170\] { aspect-ratio: 132/170 !important; } .tw-aspect-\[150\/64\] { aspect-ratio: 150/64 !important; } .tw-aspect-\[155\/72\] { aspect-ratio: 155/72 !important; } .tw-aspect-\[1622\/992\] { aspect-ratio: 1622/992 !important; } .tw-aspect-\[2\/3\] { aspect-ratio: 2/3 !important; } .tw-aspect-\[25\/4\] { aspect-ratio: 25/4 !important; } .tw-aspect-\[264\/410\] { aspect-ratio: 264/410 !important; } .tw-aspect-\[360\/204\] { aspect-ratio: 360/204 !important; } .tw-aspect-\[4\/3\] { aspect-ratio: 4/3 !important; } .tw-aspect-\[468\/250\] { aspect-ratio: 468/250 !important; } .tw-aspect-\[608\/344\] { aspect-ratio: 608/344 !important; } .tw-aspect-\[640\/907\] { aspect-ratio: 640/907 !important; } .tw-aspect-\[72\/29\] { aspect-ratio: 72/29 !important; } .tw-aspect-\[776\/717\] { aspect-ratio: 776/717 !important; } .tw-aspect-\[846\/480\] { aspect-ratio: 846/480 !important; } .tw-aspect-\[850\/378\] { aspect-ratio: 850/378 !important; } .tw-aspect-\[999\/619\] { aspect-ratio: 999/619 !important; } .tw-aspect-auto { aspect-ratio: auto !important; } .tw-aspect-square { aspect-ratio: 1/1 !important; } .tw-aspect-video { aspect-ratio: 16/9 !important; } .tw-h-0 { height: 0 !important; } .tw-h-1\.5 { height: 0.375rem !important; } .tw-h-1\/2 { height: 50% !important; } .tw-h-10 { height: 2.5rem !important; } .tw-h-2 { height: 0.5rem !important; } .tw-h-24 { height: 6rem !important; } .tw-h-3 { height: 0.75rem !important; } .tw-h-3\.5 { height: 0.875rem !important; } .tw-h-4 { height: 1rem !important; } .tw-h-5 { height: 1.25rem !important; } .tw-h-6 { height: 1.5rem !important; } .tw-h-7 { height: 1.75rem !important; } .tw-h-8 { height: 2rem !important; } .tw-h-80 { height: 20rem !important; } .tw-h-\[0px\] { height: 0 !important; } .tw-h-\[1\.2rem\] { height: 1.2rem !important; } .tw-h-\[1\.75rem\] { height: 1.75rem !important; } .tw-h-\[100px\] { height: 100px !important; } .tw-h-\[100vh\] { height: 100vh !important; } .tw-h-\[10px\] { height: 10px !important; } .tw-h-\[11px\] { height: 11px !important; } .tw-h-\[120px\] { height: 120px !important; } .tw-h-\[12px\] { height: 12px !important; } .tw-h-\[13\.8px\] { height: 13.8px !important; } .tw-h-\[13px\] { height: 13px !important; } .tw-h-\[14px\] { height: 14px !important; } .tw-h-\[15px\] { height: 15px !important; } .tw-h-\[16\%\] { height: 16% !important; } .tw-h-\[160px\] { height: 160px !important; } .tw-h-\[16px\] { height: 16px !important; } .tw-h-\[18px\] { height: 18px !important; } .tw-h-\[1em\] { height: 1em !important; } .tw-h-\[20\%\] { height: 20% !important; } .tw-h-\[20px\] { height: 20px !important; } .tw-h-\[213px\] { height: 213px !important; } .tw-h-\[22px\] { height: 22px !important; } .tw-h-\[23px\] { height: 23px !important; } .tw-h-\[24px\] { height: 24px !important; } .tw-h-\[26px\] { height: 26px !important; } .tw-h-\[28px\] { height: 28px !important; } .tw-h-\[2px\] { height: 2px !important; } .tw-h-\[2rem\] { height: 2rem !important; } .tw-h-\[300px\] { height: 300px !important; } .tw-h-\[30px\] { height: 30px !important; } .tw-h-\[32px\] { height: 32px !important; } .tw-h-\[34px\] { height: 34px !important; } .tw-h-\[36px\] { height: 36px !important; } .tw-h-\[40px\] { height: 40px !important; } .tw-h-\[42px\] { height: 42px !important; } .tw-h-\[44\.4px\] { height: 44.4px !important; } .tw-h-\[46\%\] { height: 46% !important; } .tw-h-\[48px\] { height: 48px !important; } .tw-h-\[4px\] { height: 4px !important; } .tw-h-\[506px\] { height: 506px !important; } .tw-h-\[50px\] { height: 50px !important; } .tw-h-\[520px\] { height: 520px !important; } .tw-h-\[52px\] { height: 52px !important; } .tw-h-\[52vh\] { height: 52vh !important; } .tw-h-\[55\%\] { height: 55% !important; } .tw-h-\[56px\] { height: 56px !important; } .tw-h-\[58px\] { height: 58px !important; } .tw-h-\[60\%\] { height: 60% !important; } .tw-h-\[60px\] { height: 60px !important; } .tw-h-\[62px\] { height: 62px !important; } .tw-h-\[64px\] { height: 64px !important; } .tw-h-\[65\%\] { height: 65% !important; } .tw-h-\[70\%\] { height: 70% !important; } .tw-h-\[72px\] { height: 72px !important; } .tw-h-\[76px\] { height: 76px !important; } .tw-h-\[8px\] { height: 8px !important; } .tw-h-\[90\%\] { height: 90% !important; } .tw-h-\[93px\] { height: 93px !important; } .tw-h-\[96px\] { height: 96px !important; } .tw-h-\[clamp\(40px\,5\.2vw\,96px\)\] { height: clamp(40px, 5.2vw, 96px) !important; } .tw-h-auto { height: auto !important; } .tw-h-fit { height: -moz-fit-content !important; height: fit-content !important; } .tw-h-full { height: 100% !important; } .tw-h-screen { height: 100vh !important; } .tw-max-h-0 { max-height: 0 !important; } .tw-max-h-12 { max-height: 3rem !important; } .tw-max-h-\[220px\] { max-height: 220px !important; } .tw-max-h-\[256px\] { max-height: 256px !important; } .tw-max-h-\[257px\] { max-height: 257px !important; } .tw-max-h-\[34px\] { max-height: 34px !important; } .tw-max-h-\[360px\] { max-height: 360px !important; } .tw-max-h-\[380px\] { max-height: 380px !important; } .tw-max-h-\[400px\] { max-height: 400px !important; } .tw-max-h-\[40px\] { max-height: 40px !important; } .tw-max-h-\[52vh\] { max-height: 52vh !important; } .tw-max-h-\[60vh\] { max-height: 60vh !important; } .tw-max-h-\[640px\] { max-height: 640px !important; } .tw-max-h-\[65\%\] { max-height: 65% !important; } .tw-max-h-\[70vh\] { max-height: 70vh !important; } .tw-max-h-\[717px\] { max-height: 717px !important; } .tw-max-h-\[80vh\] { max-height: 80vh !important; } .tw-max-h-\[86vh\] { max-height: 86vh !important; } .tw-max-h-\[88vh\] { max-height: 88vh !important; } .tw-max-h-\[90vh\] { max-height: 90vh !important; } .tw-max-h-\[96vh\] { max-height: 96vh !important; } .tw-min-h-0 { min-height: 0 !important; } .tw-min-h-\[120px\] { min-height: 120px !important; } .tw-min-h-\[160px\] { min-height: 160px !important; } .tw-min-h-\[164px\] { min-height: 164px !important; } .tw-min-h-\[200px\] { min-height: 200px !important; } .tw-min-h-\[20px\] { min-height: 20px !important; } .tw-min-h-\[240px\] { min-height: 240px !important; } .tw-min-h-\[24px\] { min-height: 24px !important; } .tw-min-h-\[256px\] { min-height: 256px !important; } .tw-min-h-\[26px\] { min-height: 26px !important; } .tw-min-h-\[30px\] { min-height: 30px !important; } .tw-min-h-\[320px\] { min-height: 320px !important; } .tw-min-h-\[32px\] { min-height: 32px !important; } .tw-min-h-\[36px\] { min-height: 36px !important; } .tw-min-h-\[400px\] { min-height: 400px !important; } .tw-min-h-\[40px\] { min-height: 40px !important; } .tw-min-h-\[48px\] { min-height: 48px !important; } .tw-min-h-\[498px\] { min-height: 498px !important; } .tw-min-h-\[500px\] { min-height: 500px !important; } .tw-min-h-\[50px\] { min-height: 50px !important; } .tw-min-h-\[52px\] { min-height: 52px !important; } .tw-min-h-\[560px\] { min-height: 560px !important; } .tw-min-h-\[56px\] { min-height: 56px !important; } .tw-min-h-\[57px\] { min-height: 57px !important; } .tw-min-h-\[60px\] { min-height: 60px !important; } .tw-min-h-\[70px\] { min-height: 70px !important; } .tw-min-h-\[86px\] { min-height: 86px !important; } .tw-min-h-full { min-height: 100% !important; } .tw-min-h-screen { min-height: 100vh !important; } .tw-w-0 { width: 0 !important; } .tw-w-1\.5 { width: 0.375rem !important; } .tw-w-1\/2 { width: 50% !important; } .tw-w-2 { width: 0.5rem !important; } .tw-w-20 { width: 5rem !important; } .tw-w-24 { width: 6rem !important; } .tw-w-28 { width: 7rem !important; } .tw-w-3\.5 { width: 0.875rem !important; } .tw-w-4 { width: 1rem !important; } .tw-w-4\/5 { width: 80% !important; } .tw-w-5 { width: 1.25rem !important; } .tw-w-6 { width: 1.5rem !important; } .tw-w-7 { width: 1.75rem !important; } .tw-w-8 { width: 2rem !important; } .tw-w-\[100px\] { width: 100px !important; } .tw-w-\[100vw\] { width: 100vw !important; } .tw-w-\[102px\] { width: 102px !important; } .tw-w-\[105\%\] { width: 105% !important; } .tw-w-\[106px\] { width: 106px !important; } .tw-w-\[10px\] { width: 10px !important; } .tw-w-\[115px\] { width: 115px !important; } .tw-w-\[117px\] { width: 117px !important; } .tw-w-\[120px\] { width: 120px !important; } .tw-w-\[122px\] { width: 122px !important; } .tw-w-\[124px\] { width: 124px !important; } .tw-w-\[128px\] { width: 128px !important; } .tw-w-\[12px\] { width: 12px !important; } .tw-w-\[138px\] { width: 138px !important; } .tw-w-\[13px\] { width: 13px !important; } .tw-w-\[140px\] { width: 140px !important; } .tw-w-\[147px\] { width: 147px !important; } .tw-w-\[148px\] { width: 148px !important; } .tw-w-\[14px\] { width: 14px !important; } .tw-w-\[150px\] { width: 150px !important; } .tw-w-\[15px\] { width: 15px !important; } .tw-w-\[160px\] { width: 160px !important; } .tw-w-\[164px\] { width: 164px !important; } .tw-w-\[16px\] { width: 16px !important; } .tw-w-\[18px\] { width: 18px !important; } .tw-w-\[1em\] { width: 1em !important; } .tw-w-\[20\%\] { width: 20% !important; } .tw-w-\[200px\] { width: 200px !important; } .tw-w-\[20px\] { width: 20px !important; } .tw-w-\[215px\] { width: 215px !important; } .tw-w-\[220px\] { width: 220px !important; } .tw-w-\[22px\] { width: 22px !important; } .tw-w-\[24px\] { width: 24px !important; } .tw-w-\[26px\] { width: 26px !important; } .tw-w-\[28px\] { width: 28px !important; } .tw-w-\[2px\] { width: 2px !important; } .tw-w-\[2rem\] { width: 2rem !important; } .tw-w-\[30\%\] { width: 30% !important; } .tw-w-\[320px\] { width: 320px !important; } .tw-w-\[32px\] { width: 32px !important; } .tw-w-\[33\.3\%\] { width: 33.3% !important; } .tw-w-\[34px\] { width: 34px !important; } .tw-w-\[360px\] { width: 360px !important; } .tw-w-\[36px\] { width: 36px !important; } .tw-w-\[40\%\] { width: 40% !important; } .tw-w-\[40px\] { width: 40px !important; } .tw-w-\[42px\] { width: 42px !important; } .tw-w-\[46\%\] { width: 46% !important; } .tw-w-\[48mm\] { width: 48mm !important; } .tw-w-\[48px\] { width: 48px !important; } .tw-w-\[50px\] { width: 50px !important; } .tw-w-\[52px\] { width: 52px !important; } .tw-w-\[55\%\] { width: 55% !important; } .tw-w-\[560px\] { width: 560px !important; } .tw-w-\[56px\] { width: 56px !important; } .tw-w-\[60\%\] { width: 60% !important; } .tw-w-\[60px\] { width: 60px !important; } .tw-w-\[64px\] { width: 64px !important; } .tw-w-\[68px\] { width: 68px !important; } .tw-w-\[70\%\] { width: 70% !important; } .tw-w-\[72px\] { width: 72px !important; } .tw-w-\[76px\] { width: 76px !important; } .tw-w-\[80\%\] { width: 80% !important; } .tw-w-\[81px\] { width: 81px !important; } .tw-w-\[83\%\] { width: 83% !important; } .tw-w-\[88px\] { width: 88px !important; } .tw-w-\[8px\] { width: 8px !important; } .tw-w-\[90\%\] { width: 90% !important; } .tw-w-\[90px\] { width: 90px !important; } .tw-w-\[92\%\] { width: 92% !important; } .tw-w-\[92px\] { width: 92px !important; } .tw-w-\[95\%\] { width: 95% !important; } .tw-w-\[96px\] { width: 96px !important; } .tw-w-\[97px\] { width: 97px !important; } .tw-w-\[calc\(\(100\%-16px\)\/3\)\] { width: calc((100% - 16px) / 3) !important; } .tw-w-\[min\(100\%\,420px\)\] { width: min(100%, 420px) !important; } .tw-w-\[min\(90vw\,440px\)\] { width: min(90vw, 440px) !important; } .tw-w-auto { width: auto !important; } .tw-w-fit { width: -moz-fit-content !important; width: fit-content !important; } .tw-w-full { width: 100% !important; } .tw-w-max { width: -moz-max-content !important; width: max-content !important; } .tw-w-min { width: -moz-min-content !important; width: min-content !important; } .tw-w-screen { width: 100vw !important; } .tw-min-w-0 { min-width: 0 !important; } .tw-min-w-\[132px\] { min-width: 132px !important; } .tw-min-w-\[172px\] { min-width: 172px !important; } .tw-min-w-\[200px\] { min-width: 200px !important; } .tw-min-w-\[50\%\] { min-width: 50% !important; } .tw-min-w-\[54px\] { min-width: 54px !important; } .tw-min-w-\[64px\] { min-width: 64px !important; } .tw-min-w-\[72px\] { min-width: 72px !important; } .tw-min-w-\[86px\] { min-width: 86px !important; } .tw-min-w-\[88px\] { min-width: 88px !important; } .tw-max-w-6xl { max-width: 72rem !important; } .tw-max-w-7xl { max-width: 80rem !important; } .tw-max-w-\[1114px\] { max-width: 1114px !important; } .tw-max-w-\[1180px\] { max-width: 1180px !important; } .tw-max-w-\[1195px\] { max-width: 1195px !important; } .tw-max-w-\[128px\] { max-width: 128px !important; } .tw-max-w-\[150px\] { max-width: 150px !important; } .tw-max-w-\[160px\] { max-width: 160px !important; } .tw-max-w-\[1800px\] { max-width: 1800px !important; } .tw-max-w-\[200px\] { max-width: 200px !important; } .tw-max-w-\[216px\] { max-width: 216px !important; } .tw-max-w-\[240px\] { max-width: 240px !important; } .tw-max-w-\[256px\] { max-width: 256px !important; } .tw-max-w-\[270px\] { max-width: 270px !important; } .tw-max-w-\[300px\] { max-width: 300px !important; } .tw-max-w-\[320px\] { max-width: 320px !important; } .tw-max-w-\[340px\] { max-width: 340px !important; } .tw-max-w-\[350px\] { max-width: 350px !important; } .tw-max-w-\[360px\] { max-width: 360px !important; } .tw-max-w-\[400px\] { max-width: 400px !important; } .tw-max-w-\[404px\] { max-width: 404px !important; } .tw-max-w-\[420px\] { max-width: 420px !important; } .tw-max-w-\[440px\] { max-width: 440px !important; } .tw-max-w-\[480px\] { max-width: 480px !important; } .tw-max-w-\[500px\] { max-width: 500px !important; } .tw-max-w-\[520px\] { max-width: 520px !important; } .tw-max-w-\[560px\] { max-width: 560px !important; } .tw-max-w-\[64px\] { max-width: 64px !important; } .tw-max-w-\[700px\] { max-width: 700px !important; } .tw-max-w-\[720px\] { max-width: 720px !important; } .tw-max-w-\[760px\] { max-width: 760px !important; } .tw-max-w-\[80\%\] { max-width: 80% !important; } .tw-max-w-\[820px\] { max-width: 820px !important; } .tw-max-w-\[90rem\] { max-width: 90rem !important; } .tw-max-w-fit { max-width: -moz-fit-content !important; max-width: fit-content !important; } .tw-max-w-full { max-width: 100% !important; } .tw-max-w-xs { max-width: 20rem !important; } .tw-flex-1 { flex: 1 1 0% !important; } .tw-flex-none { flex: none !important; } .tw-flex-shrink-0 { flex-shrink: 0 !important; } .tw-shrink { flex-shrink: 1 !important; } .tw-shrink-0 { flex-shrink: 0 !important; } .tw-flex-grow { flex-grow: 1 !important; } .tw-grow-0 { flex-grow: 0 !important; } .tw-basis-1\/5 { flex-basis: 20% !important; } .tw-basis-\[18px\] { flex-basis: 18px !important; } .tw-basis-\[56px\] { flex-basis: 56px !important; } .tw-basis-\[calc\(20\%-8px\)\] { flex-basis: calc(20% - 8px) !important; } .tw-basis-full { flex-basis: 100% !important; } .tw-border-collapse { border-collapse: collapse !important; } .tw-origin-left { transform-origin: left !important; } .tw-origin-right { transform-origin: right !important; } .tw-origin-top-right { transform-origin: top right !important; } .-tw-translate-x-1\/2 { --tw-translate-x: -50% !important; } .-tw-translate-x-1\/2, .-tw-translate-x-1\/3 { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .-tw-translate-x-1\/3 { --tw-translate-x: -33.333333% !important; } .-tw-translate-y-1\/2 { --tw-translate-y: -50% !important; } .-tw-translate-y-1\/2, .-tw-translate-y-full { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .-tw-translate-y-full { --tw-translate-y: -100% !important; } .tw--translate-x-1\/2 { --tw-translate-x: -50% !important; } .tw--translate-x-1\/2, .tw--translate-y-1\/2 { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .tw--translate-y-1\/2 { --tw-translate-y: -50% !important; } .tw--translate-y-2 { --tw-translate-y: -0.5rem !important; } .tw--translate-y-2, .tw--translate-y-full { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .tw--translate-y-full { --tw-translate-y: -100% !important; } .tw-translate-x-1\/2 { --tw-translate-x: 50% !important; } .tw-translate-x-1\/2, .tw-translate-x-1\/3 { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .tw-translate-x-1\/3 { --tw-translate-x: 33.333333% !important; } .tw-translate-x-\[calc\(100\%_\+_28px\)\] { --tw-translate-x: calc(100% + 28px) !important; } .tw-translate-x-\[calc\(100\%_\+_28px\)\], .tw-translate-y-0 { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .tw-translate-y-0 { --tw-translate-y: 0px !important; } .tw-translate-y-\[2px\] { --tw-translate-y: 2px !important; } .tw-translate-y-\[2px\], .tw-translate-y-\[8px\] { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .tw-translate-y-\[8px\] { --tw-translate-y: 8px !important; } .tw-translate-y-\[calc\(100\%\+16px\)\] { --tw-translate-y: calc(100% + 16px) !important; } .tw-translate-y-\[calc\(100\%\+16px\)\], .tw-translate-y-full { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .tw-translate-y-full { --tw-translate-y: 100% !important; } .-tw-rotate-90 { --tw-rotate: -90deg !important; } .-tw-rotate-90, .tw-rotate-180 { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .tw-rotate-180 { --tw-rotate: 180deg !important; } .tw-rotate-90 { --tw-rotate: 90deg !important; } .tw-rotate-90, .tw-scale-100 { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .tw-scale-100 { --tw-scale-x: 1 !important; --tw-scale-y: 1 !important; } .tw-scale-150 { --tw-scale-x: 1.5 !important; --tw-scale-y: 1.5 !important; } .tw-scale-150, .tw-scale-50 { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .tw-scale-50 { --tw-scale-x: 0.5 !important; --tw-scale-y: 0.5 !important; } .tw-scale-95 { --tw-scale-x: 0.95 !important; --tw-scale-y: 0.95 !important; } .tw-scale-95, .tw-scale-\[1\.5\] { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .tw-scale-\[1\.5\] { --tw-scale-x: 1.5 !important; --tw-scale-y: 1.5 !important; } .tw-transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } @keyframes tw-fade-in { 0% { opacity: 0.2; } to { opacity: 1; } } .tw-animate-fade-in { animation: tw-fade-in 0.25s ease forwards !important; } @keyframes tw-pulse { 50% { opacity: 0.5; } } .tw-animate-pulse { animation: tw-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important; } @keyframes tw-shimmer { 0% { background-position: -200% 0; } to { background-position: 200% 0; } } .tw-animate-shimmer { animation: tw-shimmer 1.5s infinite !important; } @keyframes tw-slide-up { 0% { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } } .tw-animate-slide-up { animation: tw-slide-up 0.2s ease forwards !important; } @keyframes tw-spin { to { transform: rotate(1turn); } } .tw-animate-spin { animation: tw-spin 1s linear infinite !important; } .tw-cursor-default { cursor: default !important; } .tw-cursor-help { cursor: help !important; } .tw-cursor-not-allowed { cursor: not-allowed !important; } .tw-cursor-pointer { cursor: pointer !important; } .tw-cursor-text { cursor: text !important; } .tw-cursor-zoom-in { cursor: zoom-in !important; } .tw-touch-pan-y { --tw-pan-y: pan-y !important; } .tw-touch-pan-y, .tw-touch-pinch-zoom { touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom) !important; } .tw-touch-pinch-zoom { --tw-pinch-zoom: pinch-zoom !important; } .tw-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; } .tw-resize-none { resize: none !important; } .tw-snap-x { scroll-snap-type: x var(--tw-scroll-snap-strictness) !important; } .tw-snap-mandatory { --tw-scroll-snap-strictness: mandatory !important; } .tw-snap-start { scroll-snap-align: start !important; } .tw-scroll-mt-\[120px\] { scroll-margin-top: 120px !important; } .tw-scroll-mt-\[16px\] { scroll-margin-top: 16px !important; } .tw-scroll-px-\[16px\] { scroll-padding-left: 16px !important; scroll-padding-right: 16px !important; } .tw-scroll-px-\[24px\] { scroll-padding-left: 24px !important; scroll-padding-right: 24px !important; } .tw-list-none { list-style-type: none !important; } .tw-appearance-none { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; } .tw-columns-1 { -moz-columns: 1 !important; column-count: 1 !important; } .tw-break-inside-avoid { -moz-column-break-inside: avoid !important; break-inside: avoid !important; } .tw-auto-cols-\[calc\(\(100\%-16px\)\/3\)\] { grid-auto-columns: calc((100% - 16px) / 3) !important; } .tw-grid-flow-col { grid-auto-flow: column !important; } .tw-auto-rows-fr { grid-auto-rows: minmax(0, 1fr) !important; } .tw-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } .tw-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .tw-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .tw-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .tw-grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } .tw-grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } .tw-grid-cols-\[1\.4fr_1fr_1fr\] { grid-template-columns: 1.4fr 1fr 1fr !important; } .tw-grid-cols-\[3fr_1fr\] { grid-template-columns: 3fr 1fr !important; } .tw-grid-cols-\[auto_auto\] { grid-template-columns: auto auto !important; } .tw-grid-cols-\[repeat\(10\,_25vw\)\] { grid-template-columns: repeat(10, 25vw) !important; } .tw-grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)) !important; } .tw-flex-row { flex-direction: row !important; } .tw-flex-col { flex-direction: column !important; } .tw-flex-wrap { flex-wrap: wrap !important; } .tw-flex-nowrap { flex-wrap: nowrap !important; } .tw-place-items-center { place-items: center !important; } .tw-items-start { align-items: flex-start !important; } .tw-items-end { align-items: flex-end !important; } .tw-items-center { align-items: center !important; } .tw-items-baseline { align-items: baseline !important; } .tw-items-stretch { align-items: stretch !important; } .tw-justify-start { justify-content: flex-start !important; } .tw-justify-end { justify-content: flex-end !important; } .tw-justify-center { justify-content: center !important; } .tw-justify-between { justify-content: space-between !important; } .tw-gap-0 { gap: 0 !important; } .tw-gap-0\.5 { gap: 0.125rem !important; } .tw-gap-1 { gap: 0.25rem !important; } .tw-gap-1\.5 { gap: 0.375rem !important; } .tw-gap-2 { gap: 0.5rem !important; } .tw-gap-3 { gap: 0.75rem !important; } .tw-gap-4 { gap: 1rem !important; } .tw-gap-5 { gap: 1.25rem !important; } .tw-gap-6 { gap: 1.5rem !important; } .tw-gap-8 { gap: 2rem !important; } .tw-gap-\[0\.5rem\] { gap: 0.5rem !important; } .tw-gap-\[0\.75rem\] { gap: 0.75rem !important; } .tw-gap-\[1\.5rem\] { gap: 1.5rem !important; } .tw-gap-\[10px\] { gap: 10px !important; } .tw-gap-\[12px\] { gap: 12px !important; } .tw-gap-\[13px\] { gap: 13px !important; } .tw-gap-\[14px\] { gap: 14px !important; } .tw-gap-\[16px\] { gap: 16px !important; } .tw-gap-\[18px\] { gap: 18px !important; } .tw-gap-\[20px\] { gap: 20px !important; } .tw-gap-\[24px\] { gap: 24px !important; } .tw-gap-\[28px\] { gap: 28px !important; } .tw-gap-\[2px\] { gap: 2px !important; } .tw-gap-\[2rem\] { gap: 2rem !important; } .tw-gap-\[30px\] { gap: 30px !important; } .tw-gap-\[32px\] { gap: 32px !important; } .tw-gap-\[36px\] { gap: 36px !important; } .tw-gap-\[4px\] { gap: 4px !important; } .tw-gap-\[5px\] { gap: 5px !important; } .tw-gap-\[6px\] { gap: 6px !important; } .tw-gap-\[8px\] { gap: 8px !important; } .tw-gap-\[9px\] { gap: 9px !important; } .tw-gap-x-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .tw-gap-x-\[12px\] { -moz-column-gap: 12px !important; column-gap: 12px !important; } .tw-gap-x-\[20px\] { -moz-column-gap: 20px !important; column-gap: 20px !important; } .tw-gap-y-1 { row-gap: 0.25rem !important; } .tw-gap-y-\[10px\] { row-gap: 10px !important; } .tw-gap-y-\[32px\] { row-gap: 32px !important; } .tw-space-x-12 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0 !important; margin-right: calc(3rem * var(--tw-space-x-reverse)) !important; margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse))) !important; } .tw-space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0 !important; margin-right: calc(0.5rem * var(--tw-space-x-reverse)) !important; margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))) !important; } .tw-space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0 !important; margin-right: calc(1rem * var(--tw-space-x-reverse)) !important; margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) !important; } .tw-space-y-12 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0 !important; margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(3rem * var(--tw-space-y-reverse)) !important; } .tw-space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0 !important; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)) !important; } .tw-space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0 !important; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(1rem * var(--tw-space-y-reverse)) !important; } .tw-space-y-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0 !important; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(2rem * var(--tw-space-y-reverse)) !important; } .tw-divide-x > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0 !important; border-right-width: calc(1px * var(--tw-divide-x-reverse)) !important; border-left-width: calc( 1px * calc(1 - var(--tw-divide-x-reverse)) ) !important; } .tw-divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0 !important; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important; border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important; } .tw-divide-solid > :not([hidden]) ~ :not([hidden]) { border-style: solid !important; } .tw-divide-\[\#E8E5E2\] > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1 !important; border-color: rgb(232 229 226 / var(--tw-divide-opacity, 1)) !important; } .tw-divide-gray-200 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1 !important; border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1)) !important; } .tw-self-start { align-self: flex-start !important; } .tw-self-end { align-self: flex-end !important; } .tw-self-center { align-self: center !important; } .tw-self-stretch { align-self: stretch !important; } .tw-self-baseline { align-self: baseline !important; } .tw-overflow-auto { overflow: auto !important; } .tw-overflow-hidden { overflow: hidden !important; } .tw-overflow-x-auto { overflow-x: auto !important; } .tw-overflow-y-auto { overflow-y: auto !important; } .tw-overflow-x-hidden { overflow-x: hidden !important; } .tw-overflow-y-hidden { overflow-y: hidden !important; } .tw-scroll-smooth { scroll-behavior: smooth !important; } .tw-truncate { overflow: hidden !important; white-space: nowrap !important; } .tw-text-ellipsis, .tw-truncate { text-overflow: ellipsis !important; } .tw-whitespace-nowrap { white-space: nowrap !important; } .tw-whitespace-pre-wrap { white-space: pre-wrap !important; } .tw-whitespace-break-spaces { white-space: break-spaces !important; } .tw-text-nowrap { text-wrap: nowrap !important; } .tw-break-words { overflow-wrap: break-word !important; } .tw-break-all { word-break: break-all !important; } .tw-rounded { border-radius: 0.25rem !important; } .tw-rounded-2xl { border-radius: 1rem !important; } .tw-rounded-\[10px\] { border-radius: 10px !important; } .tw-rounded-\[11px\] { border-radius: 11px !important; } .tw-rounded-\[12px\] { border-radius: 12px !important; } .tw-rounded-\[14px\] { border-radius: 14px !important; } .tw-rounded-\[15px\] { border-radius: 15px !important; } .tw-rounded-\[16px\] { border-radius: 16px !important; } .tw-rounded-\[18px\] { border-radius: 18px !important; } .tw-rounded-\[20px\] { border-radius: 20px !important; } .tw-rounded-\[24px\] { border-radius: 24px !important; } .tw-rounded-\[25px\] { border-radius: 25px !important; } .tw-rounded-\[26px\] { border-radius: 26px !important; } .tw-rounded-\[2px\] { border-radius: 2px !important; } .tw-rounded-\[32px\] { border-radius: 32px !important; } .tw-rounded-\[33px\] { border-radius: 33px !important; } .tw-rounded-\[4px\] { border-radius: 4px !important; } .tw-rounded-\[50px\] { border-radius: 50px !important; } .tw-rounded-\[5px\] { border-radius: 5px !important; } .tw-rounded-\[6px\] { border-radius: 6px !important; } .tw-rounded-\[8px\] { border-radius: 8px !important; } .tw-rounded-\[999px\] { border-radius: 999px !important; } .tw-rounded-\[9px\] { border-radius: 9px !important; } .tw-rounded-full { border-radius: 9999px !important; } .tw-rounded-lg { border-radius: 0.5rem !important; } .tw-rounded-md { border-radius: 0.375rem !important; } .tw-rounded-none { border-radius: 0 !important; } .tw-rounded-xl { border-radius: 0.75rem !important; } .tw-rounded-b-\[16px\] { border-bottom-right-radius: 16px !important; border-bottom-left-radius: 16px !important; } .tw-rounded-l-\[4px\] { border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important; } .tw-rounded-l-full { border-top-left-radius: 9999px !important; border-bottom-left-radius: 9999px !important; } .tw-rounded-l-none { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .tw-rounded-r-\[4px\] { border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; } .tw-rounded-r-full { border-top-right-radius: 9999px !important; border-bottom-right-radius: 9999px !important; } .tw-rounded-r-none { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .tw-rounded-t-2xl { border-top-left-radius: 1rem !important; border-top-right-radius: 1rem !important; } .tw-rounded-t-\[16px\] { border-top-left-radius: 16px !important; border-top-right-radius: 16px !important; } .tw-rounded-t-\[20px\] { border-top-left-radius: 20px !important; border-top-right-radius: 20px !important; } .tw-rounded-t-xl { border-top-left-radius: 0.75rem !important; border-top-right-radius: 0.75rem !important; } .tw-rounded-bl-\[10px\] { border-bottom-left-radius: 10px !important; } .tw-rounded-bl-\[12px\] { border-bottom-left-radius: 12px !important; } .tw-rounded-bl-\[15px\] { border-bottom-left-radius: 15px !important; } .tw-rounded-bl-none { border-bottom-left-radius: 0 !important; } .tw-rounded-br-\[10px\] { border-bottom-right-radius: 10px !important; } .tw-rounded-br-none { border-bottom-right-radius: 0 !important; } .tw-rounded-tl-\[10px\] { border-top-left-radius: 10px !important; } .tw-rounded-tl-\[12px\] { border-top-left-radius: 12px !important; } .tw-rounded-tl-\[15px\] { border-top-left-radius: 15px !important; } .tw-rounded-tl-\[5px\] { border-top-left-radius: 5px !important; } .tw-rounded-tl-none { border-top-left-radius: 0 !important; } .tw-rounded-tr-\[10px\] { border-top-right-radius: 10px !important; } .tw-rounded-tr-\[5px\] { border-top-right-radius: 5px !important; } .tw-rounded-tr-none { border-top-right-radius: 0 !important; } .\!tw-border, .tw-border { border-width: 1px !important; } .tw-border-0 { border-width: 0 !important; } .tw-border-2 { border-width: 2px !important; } .tw-border-4 { border-width: 4px !important; } .tw-border-\[0\.5px\] { border-width: 0.5px !important; } .tw-border-\[1px\] { border-width: 1px !important; } .tw-border-\[2px\] { border-width: 2px !important; } .tw-border-\[4px\] { border-width: 4px !important; } .tw-border-x-0 { border-left-width: 0 !important; border-right-width: 0 !important; } .tw-border-y { border-top-width: 1px !important; } .tw-border-b, .tw-border-y { border-bottom-width: 1px !important; } .tw-border-b-0 { border-bottom-width: 0 !important; } .tw-border-b-2 { border-bottom-width: 2px !important; } .tw-border-b-\[1px\] { border-bottom-width: 1px !important; } .tw-border-b-\[4px\] { border-bottom-width: 4px !important; } .tw-border-b-\[6px\] { border-bottom-width: 6px !important; } .tw-border-l-0 { border-left-width: 0 !important; } .tw-border-l-\[1px\] { border-left-width: 1px !important; } .tw-border-r-0 { border-right-width: 0 !important; } .tw-border-r-\[2px\] { border-right-width: 2px !important; } .tw-border-t { border-top-width: 1px !important; } .tw-border-t-0 { border-top-width: 0 !important; } .tw-border-solid { border-style: solid !important; } .tw-border-dashed { border-style: dashed !important; } .tw-border-none { border-style: none !important; } .\!tw-border-gray-200 { --tw-border-opacity: 1 !important; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)) !important; } .tw-border-\[\#11B24F\] { --tw-border-opacity: 1 !important; border-color: rgb(17 178 79 / var(--tw-border-opacity, 1)) !important; } .tw-border-\[\#8F8F8F\] { --tw-border-opacity: 1 !important; border-color: rgb(143 143 143 / var(--tw-border-opacity, 1)) !important; } .tw-border-\[\#B7E3C5\] { --tw-border-opacity: 1 !important; border-color: rgb(183 227 197 / var(--tw-border-opacity, 1)) !important; } .tw-border-\[\#BDE7CB\] { --tw-border-opacity: 1 !important; border-color: rgb(189 231 203 / var(--tw-border-opacity, 1)) !important; } .tw-border-\[\#C3C3C3\] { --tw-border-opacity: 1 !important; border-color: rgb(195 195 195 / var(--tw-border-opacity, 1)) !important; } .tw-border-\[\#D0D0D0\] { --tw-border-opacity: 1 !important; border-color: rgb(208 208 208 / var(--tw-border-opacity, 1)) !important; } .tw-border-\[\#D9DDE3\] { --tw-border-opacity: 1 !important; border-color: rgb(217 221 227 / var(--tw-border-opacity, 1)) !important; } .tw-border-\[\#E3E3E3\] { --tw-border-opacity: 1 !important; border-color: rgb(227 227 227 / var(--tw-border-opacity, 1)) !important; } .tw-border-\[\#E8E5E2\] { --tw-border-opacity: 1 !important; border-color: rgb(232 229 226 / var(--tw-border-opacity, 1)) !important; } .tw-border-\[\#E9E9E9\] { --tw-border-opacity: 1 !important; border-color: rgb(233 233 233 / var(--tw-border-opacity, 1)) !important; } .tw-border-\[\#F3F3F3\] { --tw-border-opacity: 1 !important; border-color: rgb(243 243 243 / var(--tw-border-opacity, 1)) !important; } .tw-border-\[\#F4C7C5\] { --tw-border-opacity: 1 !important; border-color: rgb(244 199 197 / var(--tw-border-opacity, 1)) !important; } .tw-border-\[\#F4E5A6\] { --tw-border-opacity: 1 !important; border-color: rgb(244 229 166 / var(--tw-border-opacity, 1)) !important; } .tw-border-\[\#F6C343\] { --tw-border-opacity: 1 !important; border-color: rgb(246 195 67 / var(--tw-border-opacity, 1)) !important; } .tw-border-\[\#FC5402\] { --tw-border-opacity: 1 !important; border-color: rgb(252 84 2 / var(--tw-border-opacity, 1)) !important; } .tw-border-\[\#FFD6A8\] { --tw-border-opacity: 1 !important; border-color: rgb(255 214 168 / var(--tw-border-opacity, 1)) !important; } .tw-border-\[\#FFD7C7\] { --tw-border-opacity: 1 !important; border-color: rgb(255 215 199 / var(--tw-border-opacity, 1)) !important; } .tw-border-\[\#FFD7C8\] { --tw-border-opacity: 1 !important; border-color: rgb(255 215 200 / var(--tw-border-opacity, 1)) !important; } .tw-border-\[\#FFE1D7\] { --tw-border-opacity: 1 !important; border-color: rgb(255 225 215 / var(--tw-border-opacity, 1)) !important; } .tw-border-\[\#d1d1d1\] { --tw-border-opacity: 1 !important; border-color: rgb(209 209 209 / var(--tw-border-opacity, 1)) !important; } .tw-border-\[\#d1d3d4\] { --tw-border-opacity: 1 !important; border-color: rgb(209 211 212 / var(--tw-border-opacity, 1)) !important; } .tw-border-\[\#d2d6dc\] { --tw-border-opacity: 1 !important; border-color: rgb(210 214 220 / var(--tw-border-opacity, 1)) !important; } .tw-border-\[\#d8d8d8\] { --tw-border-opacity: 1 !important; border-color: rgb(216 216 216 / var(--tw-border-opacity, 1)) !important; } .tw-border-\[\#ddd\] { --tw-border-opacity: 1 !important; border-color: rgb(221 221 221 / var(--tw-border-opacity, 1)) !important; } .tw-border-\[\#e0e0e0\] { --tw-border-opacity: 1 !important; border-color: rgb(224 224 224 / var(--tw-border-opacity, 1)) !important; } .tw-border-\[\#ebebeb\] { --tw-border-opacity: 1 !important; border-color: rgb(235 235 235 / var(--tw-border-opacity, 1)) !important; } .tw-border-\[\#ececec\] { --tw-border-opacity: 1 !important; border-color: rgb(236 236 236 / var(--tw-border-opacity, 1)) !important; } .tw-border-\[\#eee\] { --tw-border-opacity: 1 !important; border-color: rgb(238 238 238 / var(--tw-border-opacity, 1)) !important; } .tw-border-\[\#f0bfd5\] { --tw-border-opacity: 1 !important; border-color: rgb(240 191 213 / var(--tw-border-opacity, 1)) !important; } .tw-border-\[\#f0f0f0\] { --tw-border-opacity: 1 !important; border-color: rgb(240 240 240 / var(--tw-border-opacity, 1)) !important; } .tw-border-\[\#f3f3f3\] { --tw-border-opacity: 1 !important; border-color: rgb(243 243 243 / var(--tw-border-opacity, 1)) !important; } .tw-border-\[\#fc4c01\] { --tw-border-opacity: 1 !important; border-color: rgb(252 76 1 / var(--tw-border-opacity, 1)) !important; } .tw-border-\[\#ffc8c8\] { --tw-border-opacity: 1 !important; border-color: rgb(255 200 200 / var(--tw-border-opacity, 1)) !important; } .tw-border-\[\#ffd9c7\] { --tw-border-opacity: 1 !important; border-color: rgb(255 217 199 / var(--tw-border-opacity, 1)) !important; } .tw-border-\[\#ffe082\] { --tw-border-opacity: 1 !important; border-color: rgb(255 224 130 / var(--tw-border-opacity, 1)) !important; } .tw-border-\[\#ffffff00\] { border-color: #ffffff00 !important; } .tw-border-\[rgba\(232\,229\,226\,0\.9\)\] { border-color: rgba(232, 229, 226, 0.9) !important; } .tw-border-\[rgba\(26\,26\,26\,0\.08\)\] { border-color: rgba(26, 26, 26, 0.08) !important; } .tw-border-border-color { --tw-border-opacity: 1 !important; border-color: rgb(209 211 212 / var(--tw-border-opacity, 1)) !important; } .tw-border-border-color-darker { border-color: #COCOCO !important; } .tw-border-border-color-light { border-color: rgba(0, 0, 0, 0.1) !important; } .tw-border-border-color-lighter { --tw-border-opacity: 1 !important; border-color: rgb(218 218 218 / var(--tw-border-opacity, 1)) !important; } .tw-border-brand { --tw-border-opacity: 1 !important; border-color: rgb(252 76 2 / var(--tw-border-opacity, 1)) !important; } .tw-border-brand\/40 { border-color: rgb(252 76 2/0.4) !important; } .tw-border-gray-200 { --tw-border-opacity: 1 !important; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)) !important; } .tw-border-gray-300 { --tw-border-opacity: 1 !important; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)) !important; } .tw-border-gray-400 { --tw-border-opacity: 1 !important; border-color: rgb(156 163 175 / var(--tw-border-opacity, 1)) !important; } .tw-border-gray-700 { --tw-border-opacity: 1 !important; border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)) !important; } .tw-border-gray-main\/10 { border-color: rgb(162 162 162/0.1) !important; } .tw-border-red-500 { --tw-border-opacity: 1 !important; border-color: rgb(239 68 68 / var(--tw-border-opacity, 1)) !important; } .tw-border-transparent { border-color: transparent !important; } .tw-border-white { --tw-border-opacity: 1 !important; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important; } .tw-border-white\/10 { border-color: rgb(255 255 255/0.1) !important; } .tw-border-white\/20 { border-color: rgb(255 255 255/0.2) !important; } .tw-border-white\/25 { border-color: rgb(255 255 255/0.25) !important; } .tw-border-white\/30 { border-color: rgb(255 255 255/0.3) !important; } .tw-border-white\/40 { border-color: rgb(255 255 255/0.4) !important; } .tw-border-white\/50 { border-color: rgb(255 255 255/0.5) !important; } .tw-border-white\/60 { border-color: rgb(255 255 255/0.6) !important; } .tw-border-white\/\[0\.08\] { border-color: rgb(255 255 255/0.08) !important; } .tw-border-white\/\[0\.14\] { border-color: rgb(255 255 255/0.14) !important; } .tw-border-b-\[\#09A2DD\] { --tw-border-opacity: 1 !important; border-bottom-color: rgb(9 162 221 / var(--tw-border-opacity, 1)) !important; } .tw-border-b-\[\#392E2C\] { --tw-border-opacity: 1 !important; border-bottom-color: rgb(57 46 44 / var(--tw-border-opacity, 1)) !important; } .tw-border-b-\[\#eeeeee\] { --tw-border-opacity: 1 !important; border-bottom-color: rgb( 238 238 238 / var(--tw-border-opacity, 1) ) !important; } .tw-border-b-brand { --tw-border-opacity: 1 !important; border-bottom-color: rgb(252 76 2 / var(--tw-border-opacity, 1)) !important; } .tw-border-l-\[\#D5D5D5\] { --tw-border-opacity: 1 !important; border-left-color: rgb(213 213 213 / var(--tw-border-opacity, 1)) !important; } .tw-border-l-black { --tw-border-opacity: 1 !important; border-left-color: rgb(0 0 0 / var(--tw-border-opacity, 1)) !important; } .tw-border-r-white { --tw-border-opacity: 1 !important; border-right-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important; } .tw-border-t-\[\#F0F0F0\] { --tw-border-opacity: 1 !important; border-top-color: rgb(240 240 240 / var(--tw-border-opacity, 1)) !important; } .tw-border-t-border-color { --tw-border-opacity: 1 !important; border-top-color: rgb(209 211 212 / var(--tw-border-opacity, 1)) !important; } .tw-border-t-white { --tw-border-opacity: 1 !important; border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important; } .tw-bg-\[\#00000080\] { background-color: #00000080 !important; } .tw-bg-\[\#00000099\] { background-color: #00000099 !important; } .tw-bg-\[\#00A8EB\] { --tw-bg-opacity: 1 !important; background-color: rgb(0 168 235 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#09A2DD21\] { background-color: #09a2dd21 !important; } .tw-bg-\[\#09A2DD\] { --tw-bg-opacity: 1 !important; background-color: rgb(9 162 221 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#11B24F\] { --tw-bg-opacity: 1 !important; background-color: rgb(17 178 79 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#1A1A1A\] { --tw-bg-opacity: 1 !important; background-color: rgb(26 26 26 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#1F5EBF\] { --tw-bg-opacity: 1 !important; background-color: rgb(31 94 191 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#1a1a1a\] { --tw-bg-opacity: 1 !important; background-color: rgb(26 26 26 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#1b1b1b\] { --tw-bg-opacity: 1 !important; background-color: rgb(27 27 27 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#242D36\] { --tw-bg-opacity: 1 !important; background-color: rgb(36 45 54 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#2A2A2A\] { --tw-bg-opacity: 1 !important; background-color: rgb(42 42 42 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#2f2825\] { --tw-bg-opacity: 1 !important; background-color: rgb(47 40 37 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#392E2C\] { --tw-bg-opacity: 1 !important; background-color: rgb(57 46 44 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#414042\] { --tw-bg-opacity: 1 !important; background-color: rgb(65 64 66 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#41B774\], .tw-bg-\[\#41b774\] { --tw-bg-opacity: 1 !important; background-color: rgb(65 183 116 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#41b7b3\] { --tw-bg-opacity: 1 !important; background-color: rgb(65 183 179 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#465daa\] { --tw-bg-opacity: 1 !important; background-color: rgb(70 93 170 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#565252\] { --tw-bg-opacity: 1 !important; background-color: rgb(86 82 82 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#5865F2\] { --tw-bg-opacity: 1 !important; background-color: rgb(88 101 242 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#5fc7c9\] { --tw-bg-opacity: 1 !important; background-color: rgb(95 199 201 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#657996\] { --tw-bg-opacity: 1 !important; background-color: rgb(101 121 150 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#7209B7\] { --tw-bg-opacity: 1 !important; background-color: rgb(114 9 183 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#808080\] { --tw-bg-opacity: 1 !important; background-color: rgb(128 128 128 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#996291\] { --tw-bg-opacity: 1 !important; background-color: rgb(153 98 145 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#BA4914\] { --tw-bg-opacity: 1 !important; background-color: rgb(186 73 20 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#D93636\] { --tw-bg-opacity: 1 !important; background-color: rgb(217 54 54 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#E5E5E5\] { --tw-bg-opacity: 1 !important; background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#E5E7EB\] { --tw-bg-opacity: 1 !important; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#E6F7EC\] { --tw-bg-opacity: 1 !important; background-color: rgb(230 247 236 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#E8E5E2\] { --tw-bg-opacity: 1 !important; background-color: rgb(232 229 226 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#E8F7EE\] { --tw-bg-opacity: 1 !important; background-color: rgb(232 247 238 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#E9E9E9\] { --tw-bg-opacity: 1 !important; background-color: rgb(233 233 233 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#EDF1F5\] { --tw-bg-opacity: 1 !important; background-color: rgb(237 241 245 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#EFEFEF\] { --tw-bg-opacity: 1 !important; background-color: rgb(239 239 239 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#F15A24\] { --tw-bg-opacity: 1 !important; background-color: rgb(241 90 36 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#F1F2F4\] { --tw-bg-opacity: 1 !important; background-color: rgb(241 242 244 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#F45B26\] { --tw-bg-opacity: 1 !important; background-color: rgb(244 91 38 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#F4F5F7\] { --tw-bg-opacity: 1 !important; background-color: rgb(244 245 247 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#F5F5F5\] { --tw-bg-opacity: 1 !important; background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#F6F1ED\] { --tw-bg-opacity: 1 !important; background-color: rgb(246 241 237 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#FACC1520\] { background-color: #facc1520 !important; } .tw-bg-\[\#FAF7F4\] { --tw-bg-opacity: 1 !important; background-color: rgb(250 247 244 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#FAFAFA\] { --tw-bg-opacity: 1 !important; background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#FC4C02\] { --tw-bg-opacity: 1 !important; background-color: rgb(252 76 2 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#FCEBEA\] { --tw-bg-opacity: 1 !important; background-color: rgb(252 235 234 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#FF0000\] { --tw-bg-opacity: 1 !important; background-color: rgb(255 0 0 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#FFC709\] { --tw-bg-opacity: 1 !important; background-color: rgb(255 199 9 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#FFDCCA\] { --tw-bg-opacity: 1 !important; background-color: rgb(255 220 202 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#FFE1D7\] { --tw-bg-opacity: 1 !important; background-color: rgb(255 225 215 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#FFEEE5\] { --tw-bg-opacity: 1 !important; background-color: rgb(255 238 229 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#FFEFE6\] { --tw-bg-opacity: 1 !important; background-color: rgb(255 239 230 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#FFF2E4\] { --tw-bg-opacity: 1 !important; background-color: rgb(255 242 228 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#FFF2EB\] { --tw-bg-opacity: 1 !important; background-color: rgb(255 242 235 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#FFF2ED\] { --tw-bg-opacity: 1 !important; background-color: rgb(255 242 237 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#FFF4EF\] { --tw-bg-opacity: 1 !important; background-color: rgb(255 244 239 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#FFF5F0\] { --tw-bg-opacity: 1 !important; background-color: rgb(255 245 240 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#FFF7E0\] { --tw-bg-opacity: 1 !important; background-color: rgb(255 247 224 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#FFF8E1\] { --tw-bg-opacity: 1 !important; background-color: rgb(255 248 225 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#FFFAF8\] { --tw-bg-opacity: 1 !important; background-color: rgb(255 250 248 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#FFFFFF\] { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#d1d1d1\] { --tw-bg-opacity: 1 !important; background-color: rgb(209 209 209 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#d3647a\] { --tw-bg-opacity: 1 !important; background-color: rgb(211 100 122 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#e0e0e0\] { --tw-bg-opacity: 1 !important; background-color: rgb(224 224 224 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#e6f4ec\] { --tw-bg-opacity: 1 !important; background-color: rgb(230 244 236 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#e83e8c\] { --tw-bg-opacity: 1 !important; background-color: rgb(232 62 140 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#e8e8e8\] { --tw-bg-opacity: 1 !important; background-color: rgb(232 232 232 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#eee\] { --tw-bg-opacity: 1 !important; background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#f04e23\] { --tw-bg-opacity: 1 !important; background-color: rgb(240 78 35 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#f0f0f0\] { --tw-bg-opacity: 1 !important; background-color: rgb(240 240 240 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#f4f4f4\] { --tw-bg-opacity: 1 !important; background-color: rgb(244 244 244 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#f5f5f5\] { --tw-bg-opacity: 1 !important; background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#f7f7f7\] { --tw-bg-opacity: 1 !important; background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#f8f8f8\] { --tw-bg-opacity: 1 !important; background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#f8f8ff\] { --tw-bg-opacity: 1 !important; background-color: rgb(248 248 255 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#f9dd01\] { --tw-bg-opacity: 1 !important; background-color: rgb(249 221 1 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#fafafa\] { --tw-bg-opacity: 1 !important; background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#fc4c01\] { --tw-bg-opacity: 1 !important; background-color: rgb(252 76 1 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#fc4c02\] { --tw-bg-opacity: 1 !important; background-color: rgb(252 76 2 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#fc5402\] { --tw-bg-opacity: 1 !important; background-color: rgb(252 84 2 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#fe9366\] { --tw-bg-opacity: 1 !important; background-color: rgb(254 147 102 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#fef8e3\] { --tw-bg-opacity: 1 !important; background-color: rgb(254 248 227 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#ffeee9\] { --tw-bg-opacity: 1 !important; background-color: rgb(255 238 233 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#fff2f2\] { --tw-bg-opacity: 1 !important; background-color: rgb(255 242 242 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#fff3ee\] { --tw-bg-opacity: 1 !important; background-color: rgb(255 243 238 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#fff5f0\] { --tw-bg-opacity: 1 !important; background-color: rgb(255 245 240 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#fff8e1\] { --tw-bg-opacity: 1 !important; background-color: rgb(255 248 225 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-\[\#ffffff59\] { background-color: #ffffff59 !important; } .tw-bg-\[rgba\(252\,76\,2\,0\.08\)\] { background-color: rgba(252, 76, 2, 0.08) !important; } .tw-bg-\[rgba\(255\,107\,53\,0\.1\)\] { background-color: rgba(255, 107, 53, 0.1) !important; } .tw-bg-\[rgba\(255\,107\,53\,0\.2\)\] { background-color: rgba(255, 107, 53, 0.2) !important; } .tw-bg-\[rgba\(67\,56\,70\,0\.35\)\] { background-color: rgba(67, 56, 70, 0.35) !important; } .tw-bg-black { --tw-bg-opacity: 1 !important; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-black\/20 { background-color: rgb(0 0 0/0.2) !important; } .tw-bg-black\/30 { background-color: rgb(0 0 0/0.3) !important; } .tw-bg-black\/40 { background-color: rgb(0 0 0/0.4) !important; } .tw-bg-black\/50 { background-color: rgb(0 0 0/0.5) !important; } .tw-bg-black\/60 { background-color: rgb(0 0 0/0.6) !important; } .tw-bg-black\/70 { background-color: rgb(0 0 0/0.7) !important; } .tw-bg-border-color { --tw-bg-opacity: 1 !important; background-color: rgb(209 211 212 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-brand { --tw-bg-opacity: 1 !important; background-color: rgb(252 76 2 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-brand-light { --tw-bg-opacity: 1 !important; background-color: rgb(255 243 238 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-brand\/10 { background-color: rgb(252 76 2/0.1) !important; } .tw-bg-gray-100 { --tw-bg-opacity: 1 !important; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-gray-400 { --tw-bg-opacity: 1 !important; background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-gray-600 { --tw-bg-opacity: 1 !important; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-gray-disabled { --tw-bg-opacity: 1 !important; background-color: rgb(230 233 240 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-gray-light { --tw-bg-opacity: 1 !important; background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-gray-main { --tw-bg-opacity: 1 !important; background-color: rgb(162 162 162 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-green-100 { --tw-bg-opacity: 1 !important; background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-green-200 { --tw-bg-opacity: 1 !important; background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-green-50 { --tw-bg-opacity: 1 !important; background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-orange-50 { --tw-bg-opacity: 1 !important; background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-red-100 { --tw-bg-opacity: 1 !important; background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-red-200 { --tw-bg-opacity: 1 !important; background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-red-500 { --tw-bg-opacity: 1 !important; background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-slate-200 { --tw-bg-opacity: 1 !important; background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-transparent { background-color: transparent !important; } .tw-bg-white { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-white\/10 { background-color: rgb(255 255 255/0.1) !important; } .tw-bg-white\/15 { background-color: rgb(255 255 255/0.15) !important; } .tw-bg-white\/20 { background-color: rgb(255 255 255/0.2) !important; } .tw-bg-white\/80 { background-color: rgb(255 255 255/0.8) !important; } .tw-bg-white\/90 { background-color: rgb(255 255 255/0.9) !important; } .tw-bg-white\/\[0\.08\] { background-color: rgb(255 255 255/0.08) !important; } .tw-bg-white\/\[0\.12\] { background-color: rgb(255 255 255/0.12) !important; } .tw-bg-white\/\[0\.96\] { background-color: rgb(255 255 255/0.96) !important; } .tw-bg-yellow-100 { --tw-bg-opacity: 1 !important; background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-opacity-25 { --tw-bg-opacity: 0.25 !important; } .tw-bg-\[linear-gradient\(135deg\,\#fff7f2\,\#ffe9df\)\] { background-image: linear-gradient(135deg, #fff7f2, #ffe9df) !important; } .tw-bg-\[linear-gradient\(180deg\,\#1A1A1A\,\#2A2A2A\)\] { background-image: linear-gradient(180deg, #1a1a1a, #2a2a2a) !important; } .tw-bg-\[linear-gradient\(90deg\,\#F02D43_0\%\,\#D73588_56\%\,\#A83FB5_100\%\)\] { background-image: linear-gradient( 90deg, #f02d43, #d73588 56%, #a83fb5 ) !important; } .tw-bg-gradient-to-b { background-image: linear-gradient( to bottom, var(--tw-gradient-stops) ) !important; } .tw-bg-gradient-to-r { background-image: linear-gradient( to right, var(--tw-gradient-stops) ) !important; } .tw-bg-gradient-to-t { background-image: linear-gradient( to top, var(--tw-gradient-stops) ) !important; } .tw-bg-none { background-image: none !important; } .tw-from-\[\#f0f0f0\] { --tw-gradient-from: #f0f0f0 var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(240 240 240/0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .tw-from-\[rgba\(142\,38\,16\,1\)\] { --tw-gradient-from: rgba(142, 38, 16, 1) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgba(142, 38, 16, 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .tw-from-black\/80 { --tw-gradient-from: rgb(0 0 0/0.8) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(0 0 0/0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .tw-from-brand\/85 { --tw-gradient-from: rgb(252 76 2/0.85) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(252 76 2/0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .tw-from-transparent { --tw-gradient-from: transparent var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(0 0 0/0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .tw-from-white { --tw-gradient-from: #fff var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255/0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .tw-via-\[\#09A2DD\] { --tw-gradient-to: rgb(9 162 221/0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), #09a2dd var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .tw-via-\[\#2378CC\] { --tw-gradient-to: rgb(35 120 204/0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), #2378cc var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .tw-via-\[\#37B373\] { --tw-gradient-to: rgb(55 179 115/0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), #37b373 var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .tw-via-\[\#e0e0e0\] { --tw-gradient-to: rgb(224 224 224/0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), #e0e0e0 var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .tw-via-brand { --tw-gradient-to: rgb(252 76 2/0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), #fc4c02 var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .tw-via-50\% { --tw-gradient-via-position: 50% !important; } .tw-to-\[\#09A2DD\] { --tw-gradient-to: #09a2dd var(--tw-gradient-to-position) !important; } .tw-to-\[\#2378CC\] { --tw-gradient-to: #2378cc var(--tw-gradient-to-position) !important; } .tw-to-\[\#37B373\] { --tw-gradient-to: #37b373 var(--tw-gradient-to-position) !important; } .tw-to-\[\#f0f0f0\] { --tw-gradient-to: #f0f0f0 var(--tw-gradient-to-position) !important; } .tw-to-\[rgba\(72\,21\,2\,1\)\] { --tw-gradient-to: rgba(72, 21, 2, 1) var(--tw-gradient-to-position) !important; } .tw-to-brand { --tw-gradient-to: #fc4c02 var(--tw-gradient-to-position) !important; } .tw-to-transparent { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; } .tw-bg-\[length\:200\%_100\%\] { background-size: 200% 100% !important; } .tw-bg-cover { background-size: cover !important; } .tw-bg-center { background-position: 50% !important; } .tw-bg-left-bottom { background-position: 0 100% !important; } .tw-bg-top { background-position: top !important; } .tw-bg-no-repeat { background-repeat: no-repeat !important; } .tw-stroke-\[\#333333\] { stroke: #333333 !important; } .tw-stroke-brand { stroke: #fc4c02 !important; } .tw-object-contain { -o-object-fit: contain !important; object-fit: contain !important; } .tw-object-cover { -o-object-fit: cover !important; object-fit: cover !important; } .tw-object-fill { -o-object-fit: fill !important; object-fit: fill !important; } .tw-object-top { -o-object-position: top !important; object-position: top !important; } .tw-p-0 { padding: 0 !important; } .tw-p-1 { padding: 0.25rem !important; } .tw-p-2 { padding: 0.5rem !important; } .tw-p-3 { padding: 0.75rem !important; } .tw-p-4 { padding: 1rem !important; } .tw-p-5 { padding: 1.25rem !important; } .tw-p-6 { padding: 1.5rem !important; } .tw-p-8 { padding: 2rem !important; } .tw-p-\[1\.5rem\] { padding: 1.5rem !important; } .tw-p-\[10px\] { padding: 10px !important; } .tw-p-\[12px\] { padding: 12px !important; } .tw-p-\[12px_16px\] { padding: 12px 16px !important; } .tw-p-\[14px\] { padding: 14px !important; } .tw-p-\[14px_16px\] { padding: 14px 16px !important; } .tw-p-\[16px\] { padding: 16px !important; } .tw-p-\[16px_0px\] { padding: 16px 0 !important; } .tw-p-\[18px\] { padding: 18px !important; } .tw-p-\[20px\] { padding: 20px !important; } .tw-p-\[20px_24px\] { padding: 20px 24px !important; } .tw-p-\[24px\] { padding: 24px !important; } .tw-p-\[28px_64px_24px_24px\] { padding: 28px 64px 24px 24px !important; } .tw-p-\[2px\] { padding: 2px !important; } .tw-p-\[32px_24px\] { padding: 32px 24px !important; } .tw-p-\[3px\] { padding: 3px !important; } .tw-p-\[48px\] { padding: 48px !important; } .tw-p-\[4px\] { padding: 4px !important; } .tw-p-\[4rem_1rem\] { padding: 4rem 1rem !important; } .tw-p-\[5px\] { padding: 5px !important; } .tw-p-\[6px\] { padding: 6px !important; } .tw-p-\[8px\] { padding: 8px !important; } .tw-px-0 { padding-left: 0 !important; padding-right: 0 !important; } .tw-px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; } .tw-px-1\.5 { padding-left: 0.375rem !important; padding-right: 0.375rem !important; } .tw-px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .tw-px-2\.5 { padding-left: 0.625rem !important; padding-right: 0.625rem !important; } .tw-px-3 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; } .tw-px-4 { padding-left: 1rem !important; padding-right: 1rem !important; } .tw-px-5 { padding-left: 1.25rem !important; padding-right: 1.25rem !important; } .tw-px-6 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .tw-px-7 { padding-left: 1.75rem !important; padding-right: 1.75rem !important; } .tw-px-8 { padding-left: 2rem !important; padding-right: 2rem !important; } .tw-px-\[10px\] { padding-left: 10px !important; padding-right: 10px !important; } .tw-px-\[12px\] { padding-left: 12px !important; padding-right: 12px !important; } .tw-px-\[14px\] { padding-left: 14px !important; padding-right: 14px !important; } .tw-px-\[15px\] { padding-left: 15px !important; padding-right: 15px !important; } .tw-px-\[16px\] { padding-left: 16px !important; padding-right: 16px !important; } .tw-px-\[18px\] { padding-left: 18px !important; padding-right: 18px !important; } .tw-px-\[1ch\] { padding-left: 1ch !important; padding-right: 1ch !important; } .tw-px-\[20px\] { padding-left: 20px !important; padding-right: 20px !important; } .tw-px-\[22px\] { padding-left: 22px !important; padding-right: 22px !important; } .tw-px-\[24px\] { padding-left: 24px !important; padding-right: 24px !important; } .tw-px-\[25px\] { padding-left: 25px !important; padding-right: 25px !important; } .tw-px-\[28px\] { padding-left: 28px !important; padding-right: 28px !important; } .tw-px-\[2px\] { padding-left: 2px !important; padding-right: 2px !important; } .tw-px-\[3\%\] { padding-left: 3% !important; padding-right: 3% !important; } .tw-px-\[30px\] { padding-left: 30px !important; padding-right: 30px !important; } .tw-px-\[32px\] { padding-left: 32px !important; padding-right: 32px !important; } .tw-px-\[34px\] { padding-left: 34px !important; padding-right: 34px !important; } .tw-px-\[48px\] { padding-left: 48px !important; padding-right: 48px !important; } .tw-px-\[4px\] { padding-left: 4px !important; padding-right: 4px !important; } .tw-px-\[5\%\] { padding-left: 5% !important; padding-right: 5% !important; } .tw-px-\[5px\] { padding-left: 5px !important; padding-right: 5px !important; } .tw-px-\[6px\] { padding-left: 6px !important; padding-right: 6px !important; } .tw-px-\[7px\] { padding-left: 7px !important; padding-right: 7px !important; } .tw-px-\[8px\] { padding-left: 8px !important; padding-right: 8px !important; } .tw-py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .tw-py-0\.5 { padding-top: 0.125rem !important; padding-bottom: 0.125rem !important; } .tw-py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .tw-py-1\.5 { padding-top: 0.375rem !important; padding-bottom: 0.375rem !important; } .tw-py-10 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; } .tw-py-12 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .tw-py-16 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .tw-py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .tw-py-2\.5 { padding-top: 0.625rem !important; padding-bottom: 0.625rem !important; } .tw-py-3 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } .tw-py-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .tw-py-5 { padding-top: 1.25rem !important; padding-bottom: 1.25rem !important; } .tw-py-8 { padding-top: 2rem !important; padding-bottom: 2rem !important; } .tw-py-\[10px\] { padding-top: 10px !important; padding-bottom: 10px !important; } .tw-py-\[11px\] { padding-top: 11px !important; padding-bottom: 11px !important; } .tw-py-\[12\%\] { padding-top: 12% !important; padding-bottom: 12% !important; } .tw-py-\[12px\] { padding-top: 12px !important; padding-bottom: 12px !important; } .tw-py-\[13px\] { padding-top: 13px !important; padding-bottom: 13px !important; } .tw-py-\[14px\] { padding-top: 14px !important; padding-bottom: 14px !important; } .tw-py-\[16px\] { padding-top: 16px !important; padding-bottom: 16px !important; } .tw-py-\[18px\] { padding-top: 18px !important; padding-bottom: 18px !important; } .tw-py-\[1px\] { padding-top: 1px !important; padding-bottom: 1px !important; } .tw-py-\[20px\] { padding-top: 20px !important; padding-bottom: 20px !important; } .tw-py-\[22px\] { padding-top: 22px !important; padding-bottom: 22px !important; } .tw-py-\[23px\] { padding-top: 23px !important; padding-bottom: 23px !important; } .tw-py-\[24px\] { padding-top: 24px !important; padding-bottom: 24px !important; } .tw-py-\[2px\] { padding-top: 2px !important; padding-bottom: 2px !important; } .tw-py-\[30px\] { padding-top: 30px !important; padding-bottom: 30px !important; } .tw-py-\[32px\] { padding-top: 32px !important; padding-bottom: 32px !important; } .tw-py-\[3px\] { padding-top: 3px !important; padding-bottom: 3px !important; } .tw-py-\[45px\] { padding-top: 45px !important; padding-bottom: 45px !important; } .tw-py-\[48px\] { padding-top: 48px !important; padding-bottom: 48px !important; } .tw-py-\[4px\] { padding-top: 4px !important; padding-bottom: 4px !important; } .tw-py-\[50px\] { padding-top: 50px !important; padding-bottom: 50px !important; } .tw-py-\[56px\] { padding-top: 56px !important; padding-bottom: 56px !important; } .tw-py-\[5px\] { padding-top: 5px !important; padding-bottom: 5px !important; } .tw-py-\[64px\] { padding-top: 64px !important; padding-bottom: 64px !important; } .tw-py-\[6px\] { padding-top: 6px !important; padding-bottom: 6px !important; } .tw-py-\[7px\] { padding-top: 7px !important; padding-bottom: 7px !important; } .tw-py-\[8px\] { padding-top: 8px !important; padding-bottom: 8px !important; } .tw-py-\[9px\] { padding-top: 9px !important; padding-bottom: 9px !important; } .tw-pb-0 { padding-bottom: 0 !important; } .tw-pb-1 { padding-bottom: 0.25rem !important; } .tw-pb-2 { padding-bottom: 0.5rem !important; } .tw-pb-20 { padding-bottom: 5rem !important; } .tw-pb-3 { padding-bottom: 0.75rem !important; } .tw-pb-4 { padding-bottom: 1rem !important; } .tw-pb-5 { padding-bottom: 1.25rem !important; } .tw-pb-6 { padding-bottom: 1.5rem !important; } .tw-pb-9 { padding-bottom: 2.25rem !important; } .tw-pb-\[10px\] { padding-bottom: 10px !important; } .tw-pb-\[12px\] { padding-bottom: 12px !important; } .tw-pb-\[14vw\] { padding-bottom: 14vw !important; } .tw-pb-\[16px\] { padding-bottom: 16px !important; } .tw-pb-\[18px\] { padding-bottom: 18px !important; } .tw-pb-\[20px\] { padding-bottom: 20px !important; } .tw-pb-\[24px\] { padding-bottom: 24px !important; } .tw-pb-\[25px\] { padding-bottom: 25px !important; } .tw-pb-\[28px\] { padding-bottom: 28px !important; } .tw-pb-\[30px\] { padding-bottom: 30px !important; } .tw-pb-\[32px\] { padding-bottom: 32px !important; } .tw-pb-\[35px\] { padding-bottom: 35px !important; } .tw-pb-\[400px\] { padding-bottom: 400px !important; } .tw-pb-\[48px\] { padding-bottom: 48px !important; } .tw-pb-\[4px\] { padding-bottom: 4px !important; } .tw-pb-\[5px\] { padding-bottom: 5px !important; } .tw-pb-\[6px\] { padding-bottom: 6px !important; } .tw-pb-\[7px\] { padding-bottom: 7px !important; } .tw-pb-\[80px\] { padding-bottom: 80px !important; } .tw-pb-\[8px\] { padding-bottom: 8px !important; } .tw-pe-\[16px\] { padding-inline-end: 16px !important; } .tw-pl-2 { padding-left: 0.5rem !important; } .tw-pl-5 { padding-left: 1.25rem !important; } .tw-pl-\[12px\] { padding-left: 12px !important; } .tw-pl-\[16px\] { padding-left: 16px !important; } .tw-pl-\[18px\] { padding-left: 18px !important; } .tw-pl-\[20px\] { padding-left: 20px !important; } .tw-pl-\[24px\] { padding-left: 24px !important; } .tw-pl-\[4px\] { padding-left: 4px !important; } .tw-pl-\[60px\] { padding-left: 60px !important; } .tw-pl-\[8px\] { padding-left: 8px !important; } .tw-pr-10 { padding-right: 2.5rem !important; } .tw-pr-2 { padding-right: 0.5rem !important; } .tw-pr-4 { padding-right: 1rem !important; } .tw-pr-\[14px\] { padding-right: 14px !important; } .tw-pr-\[16px\] { padding-right: 16px !important; } .tw-pr-\[20px\] { padding-right: 20px !important; } .tw-pr-\[38px\] { padding-right: 38px !important; } .tw-pr-\[4px\] { padding-right: 4px !important; } .tw-pr-\[8px\] { padding-right: 8px !important; } .tw-ps-\[16px\] { padding-inline-start: 16px !important; } .tw-pt-0 { padding-top: 0 !important; } .tw-pt-12 { padding-top: 3rem !important; } .tw-pt-14 { padding-top: 3.5rem !important; } .tw-pt-16 { padding-top: 4rem !important; } .tw-pt-2 { padding-top: 0.5rem !important; } .tw-pt-3\.5 { padding-top: 0.875rem !important; } .tw-pt-4 { padding-top: 1rem !important; } .tw-pt-40 { padding-top: 10rem !important; } .tw-pt-7 { padding-top: 1.75rem !important; } .tw-pt-\[10px\] { padding-top: 10px !important; } .tw-pt-\[12px\] { padding-top: 12px !important; } .tw-pt-\[14px\] { padding-top: 14px !important; } .tw-pt-\[16\%\] { padding-top: 16% !important; } .tw-pt-\[16px\] { padding-top: 16px !important; } .tw-pt-\[183px\] { padding-top: 183px !important; } .tw-pt-\[18px\] { padding-top: 18px !important; } .tw-pt-\[20px\] { padding-top: 20px !important; } .tw-pt-\[24px\] { padding-top: 24px !important; } .tw-pt-\[26px\] { padding-top: 26px !important; } .tw-pt-\[28px\] { padding-top: 28px !important; } .tw-pt-\[2px\] { padding-top: 2px !important; } .tw-pt-\[32px\] { padding-top: 32px !important; } .tw-pt-\[40px\] { padding-top: 40px !important; } .tw-pt-\[4px\] { padding-top: 4px !important; } .tw-pt-\[5px\] { padding-top: 5px !important; } .tw-pt-\[6px\] { padding-top: 6px !important; } .tw-pt-\[86px\] { padding-top: 86px !important; } .tw-text-left { text-align: left !important; } .tw-text-center { text-align: center !important; } .tw-text-right { text-align: right !important; } .tw-text-start { text-align: start !important; } .tw-text-end { text-align: end !important; } .tw-align-top { vertical-align: top !important; } .tw-align-middle { vertical-align: middle !important; } .tw-font-Mplus { font-family: M PLUS Rounded\1c, sans-serif !important; } .tw-font-mono { font-family: JetBrains Mono, ui-monospace, monospace !important; } .tw-text-2xl { font-size: 1.5rem !important; line-height: 2rem !important; } .tw-text-3xl { font-size: 1.875rem !important; line-height: 2.25rem !important; } .tw-text-4xl { font-size: 2.25rem !important; line-height: 2.5rem !important; } .tw-text-\[0\.9em\] { font-size: 0.9em !important; } .tw-text-\[1\.15em\] { font-size: 1.15em !important; } .tw-text-\[1\.2rem\] { font-size: 1.2rem !important; } .tw-text-\[10px\] { font-size: 10px !important; } .tw-text-\[11px\] { font-size: 11px !important; } .tw-text-\[12px\] { font-size: 12px !important; } .tw-text-\[13px\] { font-size: 13px !important; } .tw-text-\[14px\] { font-size: 14px !important; } .tw-text-\[15px\] { font-size: 15px !important; } .tw-text-\[16px\] { font-size: 16px !important; } .tw-text-\[17px\] { font-size: 17px !important; } .tw-text-\[18px\] { font-size: 18px !important; } .tw-text-\[19px\] { font-size: 19px !important; } .tw-text-\[20px\] { font-size: 20px !important; } .tw-text-\[22px\] { font-size: 22px !important; } .tw-text-\[24px\] { font-size: 24px !important; } .tw-text-\[26px\] { font-size: 26px !important; } .tw-text-\[28px\] { font-size: 28px !important; } .tw-text-\[2em\] { font-size: 2em !important; } .tw-text-\[2rem\] { font-size: 2rem !important; } .tw-text-\[30px\] { font-size: 30px !important; } .tw-text-\[32px\] { font-size: 32px !important; } .tw-text-\[34px\] { font-size: 34px !important; } .tw-text-\[3rem\] { font-size: 3rem !important; } .tw-text-\[40px\] { font-size: 40px !important; } .tw-text-\[42vw\] { font-size: 42vw !important; } .tw-text-\[48px\] { font-size: 48px !important; } .tw-text-\[6px\] { font-size: 6px !important; } .tw-text-\[8px\] { font-size: 8px !important; } .tw-text-\[9px\] { font-size: 9px !important; } .tw-text-\[medium\] { font-size: medium !important; } .tw-text-\[x-large\] { font-size: x-large !important; } .tw-text-\[xx-large\] { font-size: xx-large !important; } .tw-text-base { font-size: 1rem !important; line-height: 1.5rem !important; } .tw-text-lg { font-size: 1.125rem !important; line-height: 1.75rem !important; } .tw-text-sm { font-size: 0.875rem !important; line-height: 1.25rem !important; } .tw-text-xl { font-size: 1.25rem !important; line-height: 1.75rem !important; } .tw-text-xs { font-size: 0.75rem !important; line-height: 1rem !important; } .tw-font-\[600\] { font-weight: 600 !important; } .tw-font-\[700\] { font-weight: 700 !important; } .tw-font-\[800\] { font-weight: 800 !important; } .tw-font-\[900\], .tw-font-black { font-weight: 900 !important; } .tw-font-bold { font-weight: 700 !important; } .tw-font-extrabold { font-weight: 800 !important; } .tw-font-medium { font-weight: 500 !important; } .tw-font-normal { font-weight: 400 !important; } .tw-font-semibold { font-weight: 600 !important; } .tw-uppercase { text-transform: uppercase !important; } .tw-capitalize { text-transform: capitalize !important; } .tw-normal-case { text-transform: none !important; } .tw-italic { font-style: italic !important; } .tw-tabular-nums { --tw-numeric-spacing: tabular-nums !important; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction) !important; } .tw-leading-\[0\.95\] { line-height: 0.95 !important; } .tw-leading-\[0\] { line-height: 0 !important; } .tw-leading-\[0px\] { line-height: 0px !important; } .tw-leading-\[1\.14\] { line-height: 1.14 !important; } .tw-leading-\[1\.25\] { line-height: 1.25 !important; } .tw-leading-\[1\.2\] { line-height: 1.2 !important; } .tw-leading-\[1\.35\] { line-height: 1.35 !important; } .tw-leading-\[1\.3\] { line-height: 1.3 !important; } .tw-leading-\[1\.4\] { line-height: 1.4 !important; } .tw-leading-\[1\.56\] { line-height: 1.56 !important; } .tw-leading-\[1\.5\] { line-height: 1.5 !important; } .tw-leading-\[1\.6\] { line-height: 1.6 !important; } .tw-leading-\[1\.85\] { line-height: 1.85 !important; } .tw-leading-\[18px\] { line-height: 18px !important; } .tw-leading-\[20px\] { line-height: 20px !important; } .tw-leading-\[22px\] { line-height: 22px !important; } .tw-leading-\[27px\] { line-height: 27px !important; } .tw-leading-\[30px\] { line-height: 30px !important; } .tw-leading-\[35px\] { line-height: 35px !important; } .tw-leading-none { line-height: 1 !important; } .tw-leading-normal { line-height: 1.5 !important; } .tw-leading-relaxed { line-height: 1.625 !important; } .tw-leading-snug { line-height: 1.375 !important; } .tw-leading-tight { line-height: 1.25 !important; } .tw-tracking-\[\.06em\] { letter-spacing: 0.06em !important; } .tw-tracking-\[0\.01em\] { letter-spacing: 0.01em !important; } .tw-tracking-\[0\.04em\] { letter-spacing: 0.04em !important; } .tw-tracking-\[0\.05em\] { letter-spacing: 0.05em !important; } .tw-tracking-\[0\.08em\] { letter-spacing: 0.08em !important; } .tw-tracking-\[0\.12em\] { letter-spacing: 0.12em !important; } .tw-tracking-\[0\.16em\] { letter-spacing: 0.16em !important; } .tw-tracking-\[0\.42em\] { letter-spacing: 0.42em !important; } .tw-tracking-\[0\.5px\] { letter-spacing: 0.5px !important; } .tw-tracking-\[0px\] { letter-spacing: 0 !important; } .tw-tracking-wide { letter-spacing: 0.025em !important; } .tw-tracking-widest { letter-spacing: 0.1em !important; } .\!tw-text-white { --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#000\] { --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#09A2DD\] { --tw-text-opacity: 1 !important; color: rgb(9 162 221 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#0A6B30\] { --tw-text-opacity: 1 !important; color: rgb(10 107 48 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#1A1A1A\] { --tw-text-opacity: 1 !important; color: rgb(26 26 26 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#1D7A43\] { --tw-text-opacity: 1 !important; color: rgb(29 122 67 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#1a1a1a\] { --tw-text-opacity: 1 !important; color: rgb(26 26 26 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#202124\] { --tw-text-opacity: 1 !important; color: rgb(32 33 36 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#22863a\] { --tw-text-opacity: 1 !important; color: rgb(34 134 58 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#2378CC\] { --tw-text-opacity: 1 !important; color: rgb(35 120 204 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#272727\] { --tw-text-opacity: 1 !important; color: rgb(39 39 39 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#2a2a2a\] { --tw-text-opacity: 1 !important; color: rgb(42 42 42 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#2c2c2c\] { --tw-text-opacity: 1 !important; color: rgb(44 44 44 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#2d2d2d\] { --tw-text-opacity: 1 !important; color: rgb(45 45 45 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#2d3748\] { --tw-text-opacity: 1 !important; color: rgb(45 55 72 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#333\] { --tw-text-opacity: 1 !important; color: rgb(51 51 51 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#37B373\] { --tw-text-opacity: 1 !important; color: rgb(55 179 115 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#392E2C\] { --tw-text-opacity: 1 !important; color: rgb(57 46 44 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#3D3D3D\] { --tw-text-opacity: 1 !important; color: rgb(61 61 61 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#41b7b3\] { --tw-text-opacity: 1 !important; color: rgb(65 183 179 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#4a5568\] { --tw-text-opacity: 1 !important; color: rgb(74 85 104 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#4d4d4d\] { --tw-text-opacity: 1 !important; color: rgb(77 77 77 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#565252\] { --tw-text-opacity: 1 !important; color: rgb(86 82 82 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#5a5a5a\] { --tw-text-opacity: 1 !important; color: rgb(90 90 90 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#606060\] { --tw-text-opacity: 1 !important; color: rgb(96 96 96 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#60646C\] { --tw-text-opacity: 1 !important; color: rgb(96 100 108 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#666666\], .tw-text-\[\#666\] { --tw-text-opacity: 1 !important; color: rgb(102 102 102 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#686868\] { --tw-text-opacity: 1 !important; color: rgb(104 104 104 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#6B7280\] { --tw-text-opacity: 1 !important; color: rgb(107 114 128 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#747474\] { --tw-text-opacity: 1 !important; color: rgb(116 116 116 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#7A5D00\] { --tw-text-opacity: 1 !important; color: rgb(122 93 0 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#7a5800\] { --tw-text-opacity: 1 !important; color: rgb(122 88 0 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#808080\] { --tw-text-opacity: 1 !important; color: rgb(128 128 128 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#888\] { --tw-text-opacity: 1 !important; color: rgb(136 136 136 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#8A8A8A\] { --tw-text-opacity: 1 !important; color: rgb(138 138 138 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#8B5E00\] { --tw-text-opacity: 1 !important; color: rgb(139 94 0 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#8F8F8F\] { --tw-text-opacity: 1 !important; color: rgb(143 143 143 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#8a8a8a\] { --tw-text-opacity: 1 !important; color: rgb(138 138 138 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#999\] { --tw-text-opacity: 1 !important; color: rgb(153 153 153 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#9F9F9F\] { --tw-text-opacity: 1 !important; color: rgb(159 159 159 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#9a9a9a\] { --tw-text-opacity: 1 !important; color: rgb(154 154 154 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#9aa0a6\] { --tw-text-opacity: 1 !important; color: rgb(154 160 166 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#B45309\] { --tw-text-opacity: 1 !important; color: rgb(180 83 9 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#D14343\] { --tw-text-opacity: 1 !important; color: rgb(209 67 67 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#D1D3D4\] { --tw-text-opacity: 1 !important; color: rgb(209 211 212 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#E0322B\] { --tw-text-opacity: 1 !important; color: rgb(224 50 43 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#F37021\] { --tw-text-opacity: 1 !important; color: rgb(243 112 33 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#FC4C02\] { --tw-text-opacity: 1 !important; color: rgb(252 76 2 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#FC5402\] { --tw-text-opacity: 1 !important; color: rgb(252 84 2 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#a2a2a2\] { --tw-text-opacity: 1 !important; color: rgb(162 162 162 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#b0b0b0\] { --tw-text-opacity: 1 !important; color: rgb(176 176 176 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#b91c1c\] { --tw-text-opacity: 1 !important; color: rgb(185 28 28 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#d0d0d0\] { --tw-text-opacity: 1 !important; color: rgb(208 208 208 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#d33\] { --tw-text-opacity: 1 !important; color: rgb(221 51 51 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#d4690b\] { --tw-text-opacity: 1 !important; color: rgb(212 105 11 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#f04e23\] { --tw-text-opacity: 1 !important; color: rgb(240 78 35 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#f5f5f5\] { --tw-text-opacity: 1 !important; color: rgb(245 245 245 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#fc4c01\] { --tw-text-opacity: 1 !important; color: rgb(252 76 1 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#fc4c02\] { --tw-text-opacity: 1 !important; color: rgb(252 76 2 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#fc4d02ce\] { color: #fc4d02ce !important; } .tw-text-\[\#fc5402\] { --tw-text-opacity: 1 !important; color: rgb(252 84 2 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#ffd2ba\] { --tw-text-opacity: 1 !important; color: rgb(255 210 186 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[\#fff\], .tw-text-\[\#ffffff\] { --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[inherit\] { color: inherit !important; } .tw-text-\[red\] { --tw-text-opacity: 1 !important; color: rgb(255 0 0 / var(--tw-text-opacity, 1)) !important; } .tw-text-\[rgb\(248\,248\,248\)\] { --tw-text-opacity: 1 !important; color: rgb(248 248 248 / var(--tw-text-opacity, 1)) !important; } .tw-text-amber-600 { --tw-text-opacity: 1 !important; color: rgb(217 119 6 / var(--tw-text-opacity, 1)) !important; } .tw-text-black { --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important; } .tw-text-brand { --tw-text-opacity: 1 !important; color: rgb(252 76 2 / var(--tw-text-opacity, 1)) !important; } .tw-text-brand-darker { --tw-text-opacity: 1 !important; color: rgb(191 57 1 / var(--tw-text-opacity, 1)) !important; } .tw-text-gray-400 { --tw-text-opacity: 1 !important; color: rgb(156 163 175 / var(--tw-text-opacity, 1)) !important; } .tw-text-gray-500 { --tw-text-opacity: 1 !important; color: rgb(107 114 128 / var(--tw-text-opacity, 1)) !important; } .tw-text-gray-600 { --tw-text-opacity: 1 !important; color: rgb(75 85 99 / var(--tw-text-opacity, 1)) !important; } .tw-text-gray-700 { --tw-text-opacity: 1 !important; color: rgb(55 65 81 / var(--tw-text-opacity, 1)) !important; } .tw-text-gray-800 { --tw-text-opacity: 1 !important; color: rgb(31 41 55 / var(--tw-text-opacity, 1)) !important; } .tw-text-gray-900 { --tw-text-opacity: 1 !important; color: rgb(17 24 39 / var(--tw-text-opacity, 1)) !important; } .tw-text-gray-dark-2 { --tw-text-opacity: 1 !important; color: rgb(96 96 96 / var(--tw-text-opacity, 1)) !important; } .tw-text-gray-darker { --tw-text-opacity: 1 !important; color: rgb(86 82 82 / var(--tw-text-opacity, 1)) !important; } .tw-text-gray-main { --tw-text-opacity: 1 !important; color: rgb(162 162 162 / var(--tw-text-opacity, 1)) !important; } .tw-text-green-600 { --tw-text-opacity: 1 !important; color: rgb(22 163 74 / var(--tw-text-opacity, 1)) !important; } .tw-text-green-700 { --tw-text-opacity: 1 !important; color: rgb(21 128 61 / var(--tw-text-opacity, 1)) !important; } .tw-text-inherit { color: inherit !important; } .tw-text-orange-500 { --tw-text-opacity: 1 !important; color: rgb(249 115 22 / var(--tw-text-opacity, 1)) !important; } .tw-text-red-500 { --tw-text-opacity: 1 !important; color: rgb(239 68 68 / var(--tw-text-opacity, 1)) !important; } .tw-text-red-600 { --tw-text-opacity: 1 !important; color: rgb(220 38 38 / var(--tw-text-opacity, 1)) !important; } .tw-text-red-700 { --tw-text-opacity: 1 !important; color: rgb(185 28 28 / var(--tw-text-opacity, 1)) !important; } .tw-text-slate-500 { --tw-text-opacity: 1 !important; color: rgb(100 116 139 / var(--tw-text-opacity, 1)) !important; } .tw-text-typography { --tw-text-opacity: 1 !important; color: rgb(45 45 45 / var(--tw-text-opacity, 1)) !important; } .tw-text-typography-lighter { --tw-text-opacity: 1 !important; color: rgb(96 96 96 / var(--tw-text-opacity, 1)) !important; } .tw-text-white { --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; } .tw-text-white\/60 { color: rgb(255 255 255/0.6) !important; } .tw-text-white\/70 { color: rgb(255 255 255/0.7) !important; } .tw-text-white\/90 { color: rgb(255 255 255/0.9) !important; } .tw-text-white\/\[0\.45\] { color: rgb(255 255 255/0.45) !important; } .tw-text-white\/\[0\.55\] { color: rgb(255 255 255/0.55) !important; } .tw-text-yellow-700 { --tw-text-opacity: 1 !important; color: rgb(161 98 7 / var(--tw-text-opacity, 1)) !important; } .tw-underline { text-decoration-line: underline !important; } .tw-line-through { text-decoration-line: line-through !important; } .tw-no-underline { text-decoration-line: none !important; } .tw-underline-offset-2 { text-underline-offset: 2px !important; } .tw-accent-\[\#FC4C02\] { accent-color: #fc4c02 !important; } .tw-accent-\[\#fc4c01\] { accent-color: #fc4c01 !important; } .tw-opacity-0 { opacity: 0 !important; } .tw-opacity-100 { opacity: 1 !important; } .tw-opacity-40 { opacity: 0.4 !important; } .tw-opacity-50 { opacity: 0.5 !important; } .tw-opacity-60 { opacity: 0.6 !important; } .tw-opacity-70 { opacity: 0.7 !important; } .tw-opacity-80 { opacity: 0.8 !important; } .tw-opacity-90 { opacity: 0.9 !important; } .tw-shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0/0.1), 0 1px 2px -1px rgb(0 0 0/0.1) !important; --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; } .tw-shadow, .tw-shadow-2xl { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .tw-shadow-2xl { --tw-shadow: 0 25px 50px -12px rgb(0 0 0/0.25) !important; --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color) !important; } .tw-shadow-\[-1px_-1px_15px_3px_\#e5e5e5\] { --tw-shadow: -1px -1px 15px 3px #e5e5e5 !important; --tw-shadow-colored: -1px -1px 15px 3px var(--tw-shadow-color) !important; } .tw-shadow-\[-1px_-1px_15px_3px_\#e5e5e5\], .tw-shadow-\[-3px_4px_12px_rgba\(232\,62\,140\,0\.24\)\] { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .tw-shadow-\[-3px_4px_12px_rgba\(232\,62\,140\,0\.24\)\] { --tw-shadow: -3px 4px 12px rgba(232, 62, 140, 0.24) !important; --tw-shadow-colored: -3px 4px 12px var(--tw-shadow-color) !important; } .tw-shadow-\[-4px_0_12px_rgba\(252\,76\,2\,0\.8\)\] { --tw-shadow: -4px 0 12px rgba(252, 76, 2, 0.8) !important; --tw-shadow-colored: -4px 0 12px var(--tw-shadow-color) !important; } .tw-shadow-\[-4px_0_12px_rgba\(252\,76\,2\,0\.8\)\], .tw-shadow-\[0_0_0\.25rem_\#22c55e\] { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .tw-shadow-\[0_0_0\.25rem_\#22c55e\] { --tw-shadow: 0 0 0.25rem #22c55e !important; --tw-shadow-colored: 0 0 0.25rem var(--tw-shadow-color) !important; } .tw-shadow-\[0_0_3px_0_rgba\(0\,0\,0\,0\.1\)\] { --tw-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1) !important; --tw-shadow-colored: 0 0 3px 0 var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .tw-shadow-\[0_0_4px_0_rgba\(0\,0\,0\,0\.1\)\] { --tw-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1) !important; --tw-shadow-colored: 0 0 4px 0 var(--tw-shadow-color) !important; } .tw-shadow-\[0_0_4px_0_rgba\(0\,0\,0\,0\.15\)\], .tw-shadow-\[0_0_4px_0_rgba\(0\,0\,0\,0\.1\)\] { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .tw-shadow-\[0_0_4px_0_rgba\(0\,0\,0\,0\.15\)\] { --tw-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15) !important; --tw-shadow-colored: 0 0 4px 0 var(--tw-shadow-color) !important; } .tw-shadow-\[0_0_4px_0_rgba\(14\,14\,14\,0\.1\)\] { --tw-shadow: 0 0 4px 0 rgba(14, 14, 14, 0.1) !important; --tw-shadow-colored: 0 0 4px 0 var(--tw-shadow-color) !important; } .tw-shadow-\[0_0_4px_0_rgba\(14\,14\,14\,0\.1\)\], .tw-shadow-\[0_0_8px_0_rgba\(0\,0\,0\,0\.2\)\] { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .tw-shadow-\[0_0_8px_0_rgba\(0\,0\,0\,0\.2\)\] { --tw-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2) !important; --tw-shadow-colored: 0 0 8px 0 var(--tw-shadow-color) !important; } .tw-shadow-\[0_10px_24px_rgba\(0\,0\,0\,0\.18\)\] { --tw-shadow: 0 10px 24px rgba(0, 0, 0, 0.18) !important; --tw-shadow-colored: 0 10px 24px var(--tw-shadow-color) !important; } .tw-shadow-\[0_10px_24px_rgba\(0\,0\,0\,0\.18\)\], .tw-shadow-\[0_14px_36px_rgba\(0\,0\,0\,0\.18\)\] { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .tw-shadow-\[0_14px_36px_rgba\(0\,0\,0\,0\.18\)\] { --tw-shadow: 0 14px 36px rgba(0, 0, 0, 0.18) !important; --tw-shadow-colored: 0 14px 36px var(--tw-shadow-color) !important; } .tw-shadow-\[0_18px_50px_rgba\(0\,0\,0\,0\.2\)\] { --tw-shadow: 0 18px 50px rgba(0, 0, 0, 0.2) !important; --tw-shadow-colored: 0 18px 50px var(--tw-shadow-color) !important; } .tw-shadow-\[0_18px_50px_rgba\(0\,0\,0\,0\.2\)\], .tw-shadow-\[0_2px_4px_0_rgba\(0\,0\,0\,0\.2\)\] { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .tw-shadow-\[0_2px_4px_0_rgba\(0\,0\,0\,0\.2\)\] { --tw-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2) !important; --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color) !important; } .tw-shadow-\[0_2px_8px_0_rgba\(0\,0\,0\,0\.1\)\] { --tw-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1) !important; --tw-shadow-colored: 0 2px 8px 0 var(--tw-shadow-color) !important; } .tw-shadow-\[0_2px_8px_0_rgba\(0\,0\,0\,0\.1\)\], .tw-shadow-\[0_4px_16px_rgba\(0\,0\,0\,0\.04\)\] { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .tw-shadow-\[0_4px_16px_rgba\(0\,0\,0\,0\.04\)\] { --tw-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important; --tw-shadow-colored: 0 4px 16px var(--tw-shadow-color) !important; } .tw-shadow-\[0_6px_18px_rgba\(0\,0\,0\,0\.22\)\] { --tw-shadow: 0 6px 18px rgba(0, 0, 0, 0.22) !important; --tw-shadow-colored: 0 6px 18px var(--tw-shadow-color) !important; } .tw-shadow-\[0_6px_18px_rgba\(0\,0\,0\,0\.22\)\], .tw-shadow-\[0_8px_18px_rgba\(213\,53\,136\,0\.22\)\] { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .tw-shadow-\[0_8px_18px_rgba\(213\,53\,136\,0\.22\)\] { --tw-shadow: 0 8px 18px rgba(213, 53, 136, 0.22) !important; --tw-shadow-colored: 0 8px 18px var(--tw-shadow-color) !important; } .tw-shadow-\[0px_4px_0px_3px_\#A1831D\] { --tw-shadow: 0px 4px 0px 3px #a1831d !important; --tw-shadow-colored: 0px 4px 0px 3px var(--tw-shadow-color) !important; } .tw-shadow-\[0px_4px_0px_3px_\#A1831D\], .tw-shadow-\[4px_0_12px_rgba\(0\,0\,0\,0\.2\)\] { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .tw-shadow-\[4px_0_12px_rgba\(0\,0\,0\,0\.2\)\] { --tw-shadow: 4px 0 12px rgba(0, 0, 0, 0.2) !important; --tw-shadow-colored: 4px 0 12px var(--tw-shadow-color) !important; } .tw-shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0/0.1), 0 4px 6px -4px rgb(0 0 0/0.1) !important; --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important; } .tw-shadow-lg, .tw-shadow-md { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .tw-shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0/0.1), 0 2px 4px -2px rgb(0 0 0/0.1) !important; --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important; } .tw-shadow-none { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; } .tw-shadow-none, .tw-shadow-sm { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .tw-shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0/0.05) !important; --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important; } .tw-shadow-surface { --tw-shadow: 0px 0px 10px 0px rgba(170, 169, 169, 0.25) !important; --tw-shadow-colored: 0px 0px 10px 0px var(--tw-shadow-color) !important; } .tw-shadow-surface, .tw-shadow-surface-strong { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .tw-shadow-surface-strong { --tw-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25) !important; --tw-shadow-colored: 0px 0px 4px 0px var(--tw-shadow-color) !important; } .tw-shadow-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0/0.1), 0 8px 10px -6px rgb(0 0 0/0.1) !important; --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .tw-outline-none { outline: 2px solid transparent !important; outline-offset: 2px !important; } .tw-brightness-0 { --tw-brightness: brightness(0) !important; } .tw-brightness-0, .tw-brightness-50 { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .tw-brightness-50 { --tw-brightness: brightness(0.5) !important; } .tw-drop-shadow-\[0_6px_16px_rgba\(0\,0\,0\,0\.35\)\] { --tw-drop-shadow: drop-shadow(0 6px 16px rgba(0, 0, 0, 0.35)) !important; } .tw-drop-shadow-\[0_6px_16px_rgba\(0\,0\,0\,0\.35\)\], .tw-drop-shadow-md { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .tw-drop-shadow-md { --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0/0.07)) drop-shadow(0 2px 2px rgb(0 0 0/0.06)) !important; } .tw-grayscale { --tw-grayscale: grayscale(100%) !important; } .tw-grayscale, .tw-grayscale-0 { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .tw-grayscale-0 { --tw-grayscale: grayscale(0) !important; } .tw-invert { --tw-invert: invert(100%) !important; } .tw-filter, .tw-invert { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .tw-backdrop-blur-\[6px\] { --tw-backdrop-blur: blur(6px) !important; } .tw-backdrop-blur-\[6px\], .tw-backdrop-blur-sm { backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; } .tw-backdrop-blur-sm { --tw-backdrop-blur: blur(4px) !important; } .tw-transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 0.15s !important; } .tw-transition-\[box-shadow_transform\] { transition-property: box-shadow transform !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 0.15s !important; } .tw-transition-\[grid-template-rows\] { transition-property: grid-template-rows !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 0.15s !important; } .tw-transition-\[opacity\,box-shadow\,transform\] { transition-property: opacity, box-shadow, transform !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 0.15s !important; } .tw-transition-\[transform_color\] { transition-property: transform color !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 0.15s !important; } .tw-transition-\[width\] { transition-property: width !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 0.15s !important; } .tw-transition-all { transition-property: all !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 0.15s !important; } .tw-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 0.15s !important; } .tw-transition-opacity { transition-property: opacity !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 0.15s !important; } .tw-transition-shadow { transition-property: box-shadow !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 0.15s !important; } .tw-transition-transform { transition-property: transform !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 0.15s !important; } .tw-duration-100 { transition-duration: 0.1s !important; } .tw-duration-150 { transition-duration: 0.15s !important; } .tw-duration-200 { transition-duration: 0.2s !important; } .tw-duration-300 { transition-duration: 0.3s !important; } .tw-duration-75 { transition-duration: 75ms !important; } .tw-duration-\[0\.25s\] { transition-duration: 0.25s !important; } .tw-duration-\[0\.3s\] { transition-duration: 0.3s !important; } .tw-duration-\[120ms\] { transition-duration: 0.12s !important; } .tw-duration-\[250ms\] { transition-duration: 0.25s !important; } .tw-duration-\[320ms\] { transition-duration: 0.32s !important; } .tw-duration-\[600ms\] { transition-duration: 0.6s !important; } .tw-ease-\[cubic-bezier\(0\.2\,0\.7\,0\.3\,1\)\] { transition-timing-function: cubic-bezier(0.2, 0.7, 0.3, 1) !important; } .tw-ease-\[ease\] { transition-timing-function: ease !important; } .tw-ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important; } .tw-ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; } .tw-ease-ios { transition-timing-function: ease !important; } .tw-ease-ios-spring { transition-timing-function: cubic-bezier(0.36, 0.66, 0.04, 1) !important; } .tw-ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important; } .tw-no-scrollbar { -ms-overflow-style: none !important; scrollbar-width: none !important; } .tw-no-scrollbar::-webkit-scrollbar { display: none !important; } .\[-webkit-box-orient\:vertical\] { -webkit-box-orient: vertical !important; } .\[-webkit-line-clamp\:2\] { -webkit-line-clamp: 2 !important; } .\[animation\:spin_0\.8s_linear\] { animation: spin 0.8s linear !important; } .\[animation\:tv-shimmer_1\.4s_infinite_linear\] { animation: tv-shimmer 1.4s linear infinite !important; } .\[aspect-ratio\:var\(--sp-hero-aspect-m\)\] { aspect-ratio: var(--sp-hero-aspect-m) !important; } .\[aspect-ratio\:var\(--sp-sk-aspect-m\)\] { aspect-ratio: var(--sp-sk-aspect-m) !important; } .\[background-image\:linear-gradient\(90deg\2c \#F0EDEA_0\%\2c \#E8E5E2_50\%\2c \#F0EDEA_100\%\)\] { background-image: linear-gradient( 90deg, #f0edea, #e8e5e2 50%, #f0edea ) !important; } .\[background-size\:200\%_100\%\] { background-size: 200% 100% !important; } .\[background\:linear-gradient\(135deg\2c \#F4E4D7\2c \#E8C4A0\)\] { background: linear-gradient(135deg, #f4e4d7, #e8c4a0) !important; } .\[background\:linear-gradient\(135deg\2c \#FAEBD7\2c \#FFD9B0\)\] { background: linear-gradient(135deg, #faebd7, #ffd9b0) !important; } .\[background\:linear-gradient\(180deg\2c \#C4956A_0\%\2c \#A07248_100\%\)\] { background: linear-gradient(180deg, #c4956a, #a07248) !important; } .\[background\:linear-gradient\(90deg\2c \#FC4C02\2c \#FFB68A\)\] { background: linear-gradient(90deg, #fc4c02, #ffb68a) !important; } .\[background\:linear-gradient\(to_bottom\2c transparent_0\%\2c rgba\(0\2c 0\2c 0\2c 0\.42\)_9\%\2c rgba\(0\2c 0\2c 0\2c 0\.42\)_91\%\2c transparent_100\%\)\] { background: linear-gradient( 180deg, transparent 0, rgba(0, 0, 0, 0.42) 9%, rgba(0, 0, 0, 0.42) 91%, transparent ) !important; } .\[background\:linear-gradient\(to_bottom\2c var\(--sp-night\)_0\%\2c transparent_100\%\)\] { background: linear-gradient( to bottom, var(--sp-night) 0, transparent 100% ) !important; } .\[background\:radial-gradient\(circle_at_top_left\2c rgba\(252\2c 76\2c 2\2c 0\.07\)\2c transparent_32\%\)\2c white\] { background: radial-gradient( circle at top left, rgba(252, 76, 2, 0.07), transparent 32% ), white !important; } .\[box-shadow\:0_-2px_4px_0_rgba\(0\2c 0\2c 0\2c 0\.2\)\] { box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.2) !important; } .\[box-shadow\:0_14px_36px_rgba\(26\2c 26\2c 26\2c 0\.04\)\] { box-shadow: 0 14px 36px rgba(26, 26, 26, 0.04) !important; } .\[box-shadow\:0_6px_18px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] { box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1) !important; } .\[box-shadow\:inset_0_-10px_20px_rgba\(0\2c 0\2c 0\2c 0\.15\)\2c 0_6px_16px_rgba\(0\2c 0\2c 0\2c 0\.15\)\] { box-shadow: inset 0 -10px 20px rgba(0, 0, 0, 0.15), 0 6px 16px rgba(0, 0, 0, 0.15) !important; } .\[clip-path\:polygon\(0_0\2c 100\%_0\2c 100\%_100\%\2c 0_86\%\)\] { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 86%) !important; } .\[clip-path\:polygon\(0_100\%\2c 0\%_100\%\2c 100\%_100\%\2c 100\%_100\%\2c 92\.5\%_100\%\2c 90\%_0\2c 87\.5\%_100\%\)\] { clip-path: polygon( 0 100%, 0 100%, 100% 100%, 100% 100%, 92.5% 100%, 90% 0, 87.5% 100% ) !important; } .\[display\:-webkit-box\] { display: -webkit-box !important; } .\[filter\:drop-shadow\(0_0_10px_\#D1D3D4\)\] { filter: drop-shadow(0 0 10px #d1d3d4) !important; } .\[margin-left\:-4\.35\%\] { margin-left: -4.35% !important; } .\[margin-right\:-4\.35\%\] { margin-right: -4.35% !important; } .\[margin-top\:2\.5rem\] { margin-top: 2.5rem !important; } .\[margin-top\:\2026\] { margin-top: … !important; } .\[object-position\:var\(--sp-hero-pos-m\)\] { -o-object-position: var(--sp-hero-pos-m) !important; object-position: var(--sp-hero-pos-m) !important; } .\[padding\:0_6\%\] { padding: 0 6% !important; } .\[padding\:9vw_4\.35\%_11vw\] { padding: 9vw 4.35% 11vw !important; } .\[transform-origin\:var\(--sp-hero-org-m\)\] { transform-origin: var(--sp-hero-org-m) !important; } .\[transform\:var\(--sp-hero-tf-m\)\] { transform: var(--sp-hero-tf-m) !important; } .placeholder\:tw-font-bold::-moz-placeholder { font-weight: 700 !important; } .placeholder\:tw-font-bold::placeholder { font-weight: 700 !important; } .placeholder\:tw-font-normal::-moz-placeholder { font-weight: 400 !important; } .placeholder\:tw-font-normal::placeholder { font-weight: 400 !important; } .placeholder\:tw-text-\[\#8F8F8F\]::-moz-placeholder { --tw-text-opacity: 1 !important; color: rgb(143 143 143 / var(--tw-text-opacity, 1)) !important; } .placeholder\:tw-text-\[\#8F8F8F\]::placeholder { --tw-text-opacity: 1 !important; color: rgb(143 143 143 / var(--tw-text-opacity, 1)) !important; } .placeholder\:tw-text-gray-400::-moz-placeholder { --tw-text-opacity: 1 !important; color: rgb(156 163 175 / var(--tw-text-opacity, 1)) !important; } .placeholder\:tw-text-gray-400::placeholder { --tw-text-opacity: 1 !important; color: rgb(156 163 175 / var(--tw-text-opacity, 1)) !important; } .before\:tw-h-\[6px\]:before { content: var(--tw-content) !important; height: 6px !important; } .before\:tw-w-\[6px\]:before { content: var(--tw-content) !important; width: 6px !important; } .before\:tw-rounded-full:before { content: var(--tw-content) !important; border-radius: 9999px !important; } .before\:tw-bg-\[\#11B24F\]:before { content: var(--tw-content) !important; --tw-bg-opacity: 1 !important; background-color: rgb(17 178 79 / var(--tw-bg-opacity, 1)) !important; } .before\:tw-content-\[\'\'\]:before { --tw-content: "" !important; content: var(--tw-content) !important; } .after\:tw-absolute:after { content: var(--tw-content) !important; position: absolute !important; } .after\:tw-bottom-0:after { content: var(--tw-content) !important; bottom: 0 !important; } .after\:tw-left-0:after { content: var(--tw-content) !important; left: 0 !important; } .after\:tw-right-0:after { content: var(--tw-content) !important; right: 0 !important; } .after\:tw-h-1:after { content: var(--tw-content) !important; height: 0.25rem !important; } .after\:tw-rounded-t:after { content: var(--tw-content) !important; border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .after\:tw-bg-brand:after { content: var(--tw-content) !important; --tw-bg-opacity: 1 !important; background-color: rgb(252 76 2 / var(--tw-bg-opacity, 1)) !important; } .after\:tw-content-\[\'\'\]:after { --tw-content: "" !important; content: var(--tw-content) !important; } .first\:tw-left-\[8px\]:first-child { left: 8px !important; } .first\:tw-col-span-2:first-child { grid-column: span 2 / span 2 !important; } .last\:tw-right-\[8px\]:last-child { right: 8px !important; } .last\:tw-mr-0:last-child { margin-right: 0 !important; } .last\:tw-border-b-0:last-child { border-bottom-width: 0 !important; } .visited\:tw-text-\[\#7a2800\]:visited { color: rgb(122 40 0) !important; } .hover\:tw-z-10:hover { z-index: 10 !important; } .hover\:-tw-translate-y-\[1px\]:hover { --tw-translate-y: -1px !important; } .hover\:-tw-translate-y-\[1px\]:hover, .hover\:tw--translate-y-0\.5:hover { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .hover\:tw--translate-y-0\.5:hover { --tw-translate-y: -0.125rem !important; } .hover\:tw-translate-y-\[2px\]:hover { --tw-translate-y: 2px !important; } .hover\:tw-scale-105:hover, .hover\:tw-translate-y-\[2px\]:hover { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .hover\:tw-scale-105:hover { --tw-scale-x: 1.05 !important; --tw-scale-y: 1.05 !important; } .hover\:tw-cursor-pointer:hover { cursor: pointer !important; } .hover\:tw-border-\[\#a0aec0\]:hover { --tw-border-opacity: 1 !important; border-color: rgb(160 174 192 / var(--tw-border-opacity, 1)) !important; } .hover\:tw-border-brand:hover { --tw-border-opacity: 1 !important; border-color: rgb(252 76 2 / var(--tw-border-opacity, 1)) !important; } .hover\:tw-border-brand-darker:hover { --tw-border-opacity: 1 !important; border-color: rgb(191 57 1 / var(--tw-border-opacity, 1)) !important; } .hover\:tw-border-gray-300:hover { --tw-border-opacity: 1 !important; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)) !important; } .hover\:tw-border-r-white:hover { --tw-border-opacity: 1 !important; border-right-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important; } .hover\:tw-bg-\[\#0D4397\]:hover { --tw-bg-opacity: 1 !important; background-color: rgb(13 67 151 / var(--tw-bg-opacity, 1)) !important; } .hover\:tw-bg-\[\#0F5E7C\]:hover { --tw-bg-opacity: 1 !important; background-color: rgb(15 94 124 / var(--tw-bg-opacity, 1)) !important; } .hover\:tw-bg-\[\#141A20\]:hover { --tw-bg-opacity: 1 !important; background-color: rgb(20 26 32 / var(--tw-bg-opacity, 1)) !important; } .hover\:tw-bg-\[\#4752C4\]:hover { --tw-bg-opacity: 1 !important; background-color: rgb(71 82 196 / var(--tw-bg-opacity, 1)) !important; } .hover\:tw-bg-\[\#CCCCCC\]:hover { --tw-bg-opacity: 1 !important; background-color: rgb(204 204 204 / var(--tw-bg-opacity, 1)) !important; } .hover\:tw-bg-\[\#E34402\]:hover { --tw-bg-opacity: 1 !important; background-color: rgb(227 68 2 / var(--tw-bg-opacity, 1)) !important; } .hover\:tw-bg-\[\#FFE1D7\]:hover { --tw-bg-opacity: 1 !important; background-color: rgb(255 225 215 / var(--tw-bg-opacity, 1)) !important; } .hover\:tw-bg-\[\#FFF8F5\]:hover { --tw-bg-opacity: 1 !important; background-color: rgb(255 248 245 / var(--tw-bg-opacity, 1)) !important; } .hover\:tw-bg-\[\#bb3915\]:hover { --tw-bg-opacity: 1 !important; background-color: rgb(187 57 21 / var(--tw-bg-opacity, 1)) !important; } .hover\:tw-bg-\[\#df4604\]:hover { --tw-bg-opacity: 1 !important; background-color: rgb(223 70 4 / var(--tw-bg-opacity, 1)) !important; } .hover\:tw-bg-\[\#e04400\]:hover { --tw-bg-opacity: 1 !important; background-color: rgb(224 68 0 / var(--tw-bg-opacity, 1)) !important; } .hover\:tw-bg-\[\#e4e4e4\]:hover { --tw-bg-opacity: 1 !important; background-color: rgb(228 228 228 / var(--tw-bg-opacity, 1)) !important; } .hover\:tw-bg-\[\#f7fafc\]:hover { --tw-bg-opacity: 1 !important; background-color: rgb(247 250 252 / var(--tw-bg-opacity, 1)) !important; } .hover\:tw-bg-\[\#fc4c01\]:hover { --tw-bg-opacity: 1 !important; background-color: rgb(252 76 1 / var(--tw-bg-opacity, 1)) !important; } .hover\:tw-bg-\[\#fc5402\]:hover { --tw-bg-opacity: 1 !important; background-color: rgb(252 84 2 / var(--tw-bg-opacity, 1)) !important; } .hover\:tw-bg-\[\#ff5722\]:hover { --tw-bg-opacity: 1 !important; background-color: rgb(255 87 34 / var(--tw-bg-opacity, 1)) !important; } .hover\:tw-bg-\[\#fff4ef\]:hover { --tw-bg-opacity: 1 !important; background-color: rgb(255 244 239 / var(--tw-bg-opacity, 1)) !important; } .hover\:tw-bg-\[\#fff5f0\]:hover { --tw-bg-opacity: 1 !important; background-color: rgb(255 245 240 / var(--tw-bg-opacity, 1)) !important; } .hover\:tw-bg-\[rgba\(252\2c 76\2c 2\2c 0\.06\)\]:hover { background-color: rgba(252, 76, 2, 0.06) !important; } .hover\:tw-bg-\[rgba\(252\2c 76\2c 2\2c 0\.08\)\]:hover { background-color: rgba(252, 76, 2, 0.08) !important; } .hover\:tw-bg-\[rgba\(255\2c 107\2c 53\2c 0\.2\)\]:hover { background-color: rgba(255, 107, 53, 0.2) !important; } .hover\:tw-bg-black\/30:hover { background-color: rgb(0 0 0/0.3) !important; } .hover\:tw-bg-brand:hover { --tw-bg-opacity: 1 !important; background-color: rgb(252 76 2 / var(--tw-bg-opacity, 1)) !important; } .hover\:tw-bg-brand-darker:hover { --tw-bg-opacity: 1 !important; background-color: rgb(191 57 1 / var(--tw-bg-opacity, 1)) !important; } .hover\:tw-bg-brand-light:hover { --tw-bg-opacity: 1 !important; background-color: rgb(255 243 238 / var(--tw-bg-opacity, 1)) !important; } .hover\:tw-bg-gray-200:hover { --tw-bg-opacity: 1 !important; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)) !important; } .hover\:tw-bg-gray-darker:hover { --tw-bg-opacity: 1 !important; background-color: rgb(86 82 82 / var(--tw-bg-opacity, 1)) !important; } .hover\:tw-bg-gray-light:hover { --tw-bg-opacity: 1 !important; background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1)) !important; } .hover\:tw-bg-transparent:hover { background-color: transparent !important; } .hover\:tw-bg-white:hover { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; } .hover\:tw-bg-white\/\[0\.15\]:hover { background-color: rgb(255 255 255/0.15) !important; } .hover\:tw-bg-white\/\[0\.18\]:hover { background-color: rgb(255 255 255/0.18) !important; } .hover\:tw-text-\[\#41b7b3\]:hover { --tw-text-opacity: 1 !important; color: rgb(65 183 179 / var(--tw-text-opacity, 1)) !important; } .hover\:tw-text-\[\#666\]:hover { --tw-text-opacity: 1 !important; color: rgb(102 102 102 / var(--tw-text-opacity, 1)) !important; } .hover\:tw-text-brand:hover { --tw-text-opacity: 1 !important; color: rgb(252 76 2 / var(--tw-text-opacity, 1)) !important; } .hover\:tw-text-brand-darker:hover { --tw-text-opacity: 1 !important; color: rgb(191 57 1 / var(--tw-text-opacity, 1)) !important; } .hover\:tw-text-gray-600:hover { --tw-text-opacity: 1 !important; color: rgb(75 85 99 / var(--tw-text-opacity, 1)) !important; } .hover\:tw-text-gray-700:hover { --tw-text-opacity: 1 !important; color: rgb(55 65 81 / var(--tw-text-opacity, 1)) !important; } .hover\:tw-text-white:hover { --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; } .hover\:tw-text-white\/80:hover { color: rgb(255 255 255/0.8) !important; } .hover\:tw-underline:hover { text-decoration-line: underline !important; } .hover\:tw-no-underline:hover { text-decoration-line: none !important; } .hover\:tw-opacity-70:hover { opacity: 0.7 !important; } .hover\:tw-opacity-80:hover { opacity: 0.8 !important; } .hover\:tw-opacity-90:hover { opacity: 0.9 !important; } .hover\:tw-shadow-\[0_0_0\.25rem_\#f87171\]:hover { --tw-shadow: 0 0 0.25rem #f87171 !important; --tw-shadow-colored: 0 0 0.25rem var(--tw-shadow-color) !important; } .hover\:tw-shadow-\[0_0_0\.25rem_\#f87171\]:hover, .hover\:tw-shadow-\[0px_2px_0px_2px_\#A1831D\]:hover { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .hover\:tw-shadow-\[0px_2px_0px_2px_\#A1831D\]:hover { --tw-shadow: 0px 2px 0px 2px #a1831d !important; --tw-shadow-colored: 0px 2px 0px 2px var(--tw-shadow-color) !important; } .hover\:tw-shadow-md:hover { --tw-shadow: 0 4px 6px -1px rgb(0 0 0/0.1), 0 2px 4px -2px rgb(0 0 0/0.1) !important; --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .hover\:tw-outline-none:hover { outline: 2px solid transparent !important; outline-offset: 2px !important; } .hover\:tw-brightness-105:hover { --tw-brightness: brightness(1.05) !important; } .hover\:tw-brightness-105:hover, .hover\:tw-brightness-75:hover { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .hover\:tw-brightness-75:hover { --tw-brightness: brightness(0.75) !important; } .hover\:tw-brightness-90:hover { --tw-brightness: brightness(0.9) !important; filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .focus\:tw-border-brand:focus { --tw-border-opacity: 1 !important; border-color: rgb(252 76 2 / var(--tw-border-opacity, 1)) !important; } .focus\:tw-outline-none:focus { outline: 2px solid transparent !important; outline-offset: 2px !important; } .focus-visible\:tw-outline:focus-visible { outline-style: solid !important; } .focus-visible\:tw-outline-2:focus-visible { outline-width: 2px !important; } .focus-visible\:tw-outline-offset-2:focus-visible { outline-offset: 2px !important; } .focus-visible\:tw-outline-brand:focus-visible { outline-color: #fc4c02 !important; } .focus-visible\:tw-outline-white:focus-visible { outline-color: #fff !important; } .active\:tw-translate-y-\[1px\]:active { --tw-translate-y: 1px !important; } .active\:tw-translate-y-\[1px\]:active, .active\:tw-translate-y-\[3px\]:active { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .active\:tw-translate-y-\[3px\]:active { --tw-translate-y: 3px !important; } .active\:tw-scale-\[0\.98\]:active { --tw-scale-x: 0.98 !important; --tw-scale-y: 0.98 !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .active\:tw-shadow-\[0px_1px_0px_0px_\#A1831D\]:active { --tw-shadow: 0px 1px 0px 0px #a1831d !important; --tw-shadow-colored: 0px 1px 0px 0px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .hover\:enabled\:tw-bg-\[\#e04302\]:enabled:hover { --tw-bg-opacity: 1 !important; background-color: rgb(224 67 2 / var(--tw-bg-opacity, 1)) !important; } .disabled\:tw-pointer-events-none:disabled { pointer-events: none !important; } .disabled\:tw-scale-0:disabled { --tw-scale-x: 0 !important; --tw-scale-y: 0 !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .disabled\:tw-cursor-default:disabled { cursor: default !important; } .disabled\:tw-cursor-not-allowed:disabled { cursor: not-allowed !important; } .disabled\:tw-cursor-wait:disabled { cursor: wait !important; } .disabled\:tw-border-\[\#a2a2a2\]:disabled { --tw-border-opacity: 1 !important; border-color: rgb(162 162 162 / var(--tw-border-opacity, 1)) !important; } .disabled\:tw-border-border-color:disabled { --tw-border-opacity: 1 !important; border-color: rgb(209 211 212 / var(--tw-border-opacity, 1)) !important; } .disabled\:tw-border-gray-darker:disabled { --tw-border-opacity: 1 !important; border-color: rgb(86 82 82 / var(--tw-border-opacity, 1)) !important; } .disabled\:tw-border-gray-main:disabled { --tw-border-opacity: 1 !important; border-color: rgb(162 162 162 / var(--tw-border-opacity, 1)) !important; } .disabled\:tw-bg-\[\#E6E9F0\]:disabled { --tw-bg-opacity: 1 !important; background-color: rgb(230 233 240 / var(--tw-bg-opacity, 1)) !important; } .disabled\:tw-bg-\[\#a2a2a2\]:disabled { --tw-bg-opacity: 1 !important; background-color: rgb(162 162 162 / var(--tw-bg-opacity, 1)) !important; } .disabled\:tw-bg-\[\#d1d1d1\]:disabled { --tw-bg-opacity: 1 !important; background-color: rgb(209 209 209 / var(--tw-bg-opacity, 1)) !important; } .disabled\:tw-bg-\[\#fafafa\]:disabled { --tw-bg-opacity: 1 !important; background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1)) !important; } .disabled\:tw-bg-gray-300:disabled { --tw-bg-opacity: 1 !important; background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)) !important; } .disabled\:tw-bg-gray-400:disabled { --tw-bg-opacity: 1 !important; background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1)) !important; } .disabled\:tw-bg-gray-darker:disabled { --tw-bg-opacity: 1 !important; background-color: rgb(86 82 82 / var(--tw-bg-opacity, 1)) !important; } .disabled\:tw-bg-gray-disabled:disabled { --tw-bg-opacity: 1 !important; background-color: rgb(230 233 240 / var(--tw-bg-opacity, 1)) !important; } .disabled\:tw-bg-gray-main:disabled { --tw-bg-opacity: 1 !important; background-color: rgb(162 162 162 / var(--tw-bg-opacity, 1)) !important; } .disabled\:tw-bg-slate-400:disabled { --tw-bg-opacity: 1 !important; background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1)) !important; } .disabled\:tw-bg-white:disabled { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; } .disabled\:tw-text-\[\#818181\]:disabled { --tw-text-opacity: 1 !important; color: rgb(129 129 129 / var(--tw-text-opacity, 1)) !important; } .disabled\:tw-text-\[\#8a8a8a\]:disabled { --tw-text-opacity: 1 !important; color: rgb(138 138 138 / var(--tw-text-opacity, 1)) !important; } .disabled\:tw-text-gray-darker:disabled { --tw-text-opacity: 1 !important; color: rgb(86 82 82 / var(--tw-text-opacity, 1)) !important; } .disabled\:tw-text-gray-main:disabled { --tw-text-opacity: 1 !important; color: rgb(162 162 162 / var(--tw-text-opacity, 1)) !important; } .disabled\:tw-text-white:disabled { --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; } .disabled\:tw-opacity-0:disabled { opacity: 0 !important; } .disabled\:tw-opacity-50:disabled { opacity: 0.5 !important; } .disabled\:tw-opacity-60:disabled { opacity: 0.6 !important; } .disabled\:tw-opacity-80:disabled { opacity: 0.8 !important; } .disabled\:hover\:tw-border-gray-darker:hover:disabled { --tw-border-opacity: 1 !important; border-color: rgb(86 82 82 / var(--tw-border-opacity, 1)) !important; } .disabled\:hover\:tw-bg-\[\#E6E9F0\]:hover:disabled { --tw-bg-opacity: 1 !important; background-color: rgb(230 233 240 / var(--tw-bg-opacity, 1)) !important; } .disabled\:hover\:tw-bg-gray-darker:hover:disabled { --tw-bg-opacity: 1 !important; background-color: rgb(86 82 82 / var(--tw-bg-opacity, 1)) !important; } .disabled\:hover\:tw-bg-gray-disabled:hover:disabled { --tw-bg-opacity: 1 !important; background-color: rgb(230 233 240 / var(--tw-bg-opacity, 1)) !important; } .tw-group:hover .group-hover\:tw-translate-x-1 { --tw-translate-x: 0.25rem !important; } .tw-group:hover .group-hover\:tw-translate-x-1, .tw-group:hover .group-hover\:tw-translate-y-0 { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .tw-group:hover .group-hover\:tw-translate-y-0 { --tw-translate-y: 0px !important; } .tw-group:hover .group-hover\:tw-text-brand { --tw-text-opacity: 1 !important; color: rgb(252 76 2 / var(--tw-text-opacity, 1)) !important; } .tw-group:hover .group-hover\:tw-text-brand-darker { --tw-text-opacity: 1 !important; color: rgb(191 57 1 / var(--tw-text-opacity, 1)) !important; } .tw-group:hover .group-hover\:tw-text-white { --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; } .tw-group:hover .group-hover\:tw-opacity-100, .tw-group\/voucher:hover .group-hover\/voucher\:tw-opacity-100 { opacity: 1 !important; } .tw-group:hover .group-hover\:tw-shadow-\[-1px_-1px_4px_4px_rgb\(71_71_71_\/_23\%\)\] { --tw-shadow: -1px -1px 4px 4px rgb(71 71 71/23%) !important; --tw-shadow-colored: -1px -1px 4px 4px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .tw-group:hover .group-hover\:tw-shadow-surface { --tw-shadow: 0px 0px 10px 0px rgba(170, 169, 169, 0.25) !important; --tw-shadow-colored: 0px 0px 10px 0px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .tw-group:hover .group-hover\:tw-brightness-0 { --tw-brightness: brightness(0) !important; } .tw-group:hover .group-hover\:tw-brightness-0, .tw-group:hover .group-hover\:tw-invert { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .tw-group:hover .group-hover\:tw-invert { --tw-invert: invert(100%) !important; } .tw-group:hover .group-hover\:tw-filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .tw-group:hover .group-hover\:disabled\:tw-opacity-0:disabled { opacity: 0 !important; } @media (max-width: 1600px) { .max-\[1600px\]\:tw-p-\[26px_8px_24px_24px\] { padding: 26px 8px 24px 24px !important; } } @media (max-width: 1475px) { .max-\[1475px\]\:tw-p-\[28px_0px_24px_24px\] { padding: 28px 0 24px 24px !important; } } @media (max-width: 1350px) { .max-\[1350px\]\:tw-p-\[24px_0px_24px_24px\] { padding: 24px 0 24px 24px !important; } .max-\[1350px\]\:tw-text-\[18px\] { font-size: 18px !important; } } @media (max-width: 1125px) { .max-\[1125px\]\:tw-min-h-\[206px\] { min-height: 206px !important; } .max-\[1125px\]\:tw-p-\[24px_0px_24px_24px\] { padding: 24px 0 24px 24px !important; } } @media (max-width: 1086px) { .max-\[1086px\]\:tw-w-\[230px\] { width: 230px !important; } } @media (max-width: 1085px) { .max-\[1085px\]\:tw-p-\[22px_0px_24px_24px\] { padding: 22px 0 24px 24px !important; } } @media (max-width: 1025px) { .max-\[1025px\]\:tw-flex-grow { flex-grow: 1 !important; } } @media not all and (min-width: 1024px) { .max-lg\:-tw-mx-4 { margin-left: -1rem !important; margin-right: -1rem !important; } .max-lg\:tw-ml-\[12px\] { margin-left: 12px !important; } .max-lg\:tw-w-full { width: 100% !important; } .max-lg\:tw-flex-col { flex-direction: column !important; } .max-lg\:tw-self-end { align-self: flex-end !important; } .max-lg\:tw-p-\[8px\] { padding: 8px !important; } } @media (max-width: 1024px) { .max-\[1024px\]\:tw-sticky { position: sticky !important; } .max-\[1024px\]\:tw-left-\[5\%\] { left: 5% !important; } .max-\[1024px\]\:tw-top-\[56px\] { top: 56px !important; } .max-\[1024px\]\:tw-z-20 { z-index: 20 !important; } .max-\[1024px\]\:tw-my-\[16px\] { margin-top: 16px !important; margin-bottom: 16px !important; } .max-\[1024px\]\:tw--mt-\[64px\] { margin-top: -64px !important; } .max-\[1024px\]\:tw-mt-\[32px\] { margin-top: 32px !important; } .max-\[1024px\]\:tw-block { display: block !important; } .max-\[1024px\]\:tw-h-auto { height: auto !important; } .max-\[1024px\]\:tw-w-\[380px\] { width: 380px !important; } .max-\[1024px\]\:tw-w-\[90\%\] { width: 90% !important; } .max-\[1024px\]\:tw-w-full { width: 100% !important; } .max-\[1024px\]\:tw-scroll-mt-\[110px\] { scroll-margin-top: 110px !important; } .max-\[1024px\]\:tw-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } .max-\[1024px\]\:tw-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .max-\[1024px\]\:tw-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .max-\[1024px\]\:tw-flex-col { flex-direction: column !important; } .max-\[1024px\]\:tw-flex-col-reverse { flex-direction: column-reverse !important; } .max-\[1024px\]\:tw-gap-0 { gap: 0 !important; } .max-\[1024px\]\:tw-border-b { border-bottom-width: 1px !important; } .max-\[1024px\]\:tw-border-b-\[\#f0f0f0\] { --tw-border-opacity: 1 !important; border-bottom-color: rgb( 240 240 240 / var(--tw-border-opacity, 1) ) !important; } .max-\[1024px\]\:tw-bg-white { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; } .max-\[1024px\]\:tw-p-\[20px_16px\] { padding: 20px 16px !important; } .max-\[1024px\]\:tw-p-\[24px\] { padding: 24px !important; } .max-\[1024px\]\:tw-pb-\[32px\] { padding-bottom: 32px !important; } .max-\[1024px\]\:tw-pt-0 { padding-top: 0 !important; } .max-\[1024px\]\:tw-pt-\[16px\] { padding-top: 16px !important; } .max-\[1024px\]\:tw-pt-\[24px\] { padding-top: 24px !important; } .max-\[1024px\]\:tw-pt-\[40px\] { padding-top: 40px !important; } .max-\[1024px\]\:tw-pt-\[46\.21\%\] { padding-top: 46.21% !important; } .max-\[1024px\]\:tw-pt-\[64px\] { padding-top: 64px !important; } .max-\[1024px\]\:tw-text-\[14px\] { font-size: 14px !important; } .max-\[1024px\]\:tw-text-\[24px\] { font-size: 24px !important; } .max-\[1024px\]\:tw-shadow-\[0_4px_12px_rgba\(0\2c 0\2c 0\2c 0\.06\)\] { --tw-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important; --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } } @media (max-width: 960px) { .max-\[960px\]\:tw-left-\[5\%\] { left: 5% !important; } .max-\[960px\]\:tw-mr-0 { margin-right: 0 !important; } .max-\[960px\]\:tw-mr-\[16px\] { margin-right: 16px !important; } .max-\[960px\]\:tw-mt-\[32px\] { margin-top: 32px !important; } .max-\[960px\]\:tw-mt-\[8px\] { margin-top: 8px !important; } .max-\[960px\]\:tw-hidden { display: none !important; } .max-\[960px\]\:tw-w-\[90\%\] { width: 90% !important; } .max-\[960px\]\:tw-w-full { width: 100% !important; } .max-\[960px\]\:tw-flex-col { flex-direction: column !important; } .max-\[960px\]\:tw-flex-col-reverse { flex-direction: column-reverse !important; } .max-\[960px\]\:tw-items-start { align-items: flex-start !important; } .max-\[960px\]\:tw-p-\[24px\] { padding: 24px !important; } .max-\[960px\]\:tw-px-\[18px\] { padding-left: 18px !important; padding-right: 18px !important; } .max-\[960px\]\:tw-py-\[18px\] { padding-top: 18px !important; padding-bottom: 18px !important; } .max-\[960px\]\:tw-pt-\[24px\] { padding-top: 24px !important; } .max-\[960px\]\:tw-pt-\[40px\] { padding-top: 40px !important; } .max-\[960px\]\:tw-pt-\[46\.21\%\] { padding-top: 46.21% !important; } .max-\[960px\]\:tw-text-\[0\.9rem\] { font-size: 0.9rem !important; } } @media (max-width: 820px) { .max-\[820px\]\:tw-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } } @media not all and (min-width: 768px) { .max-md\:tw-aspect-\[10000\/4783\] { aspect-ratio: 10000/4783 !important; } .max-md\:tw-w-\[150px\] { width: 150px !important; } .max-md\:tw-px-\[20px\] { padding-left: 20px !important; padding-right: 20px !important; } .max-md\:tw-py-\[12px\] { padding-top: 12px !important; padding-bottom: 12px !important; } .max-md\:tw-text-\[14px\] { font-size: 14px !important; } .max-md\:tw-text-\[20px\] { font-size: 20px !important; } } @media (max-width: 720px) { .max-\[720px\]\:tw-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .max-\[720px\]\:tw-gap-x-\[14px\] { -moz-column-gap: 14px !important; column-gap: 14px !important; } .max-\[720px\]\:tw-gap-y-\[24px\] { row-gap: 24px !important; } .max-\[720px\]\:tw-pt-\[35\%\] { padding-top: 35% !important; } .max-\[720px\]\:tw-pt-\[47\.83\%\] { padding-top: 47.83% !important; } } @media (max-width: 640px) { .max-\[640px\]\:tw-bottom-\[16px\] { bottom: 16px !important; } .max-\[640px\]\:tw-right-\[16px\] { right: 16px !important; } .max-\[640px\]\:tw-ml-0 { margin-left: 0 !important; } .max-\[640px\]\:tw-h-\[44px\] { height: 44px !important; } .max-\[640px\]\:tw-h-\[56px\] { height: 56px !important; } .max-\[640px\]\:tw-h-\[calc\(100vh-64px\)\] { height: calc(100vh - 64px) !important; } .max-\[640px\]\:tw-h-full { height: 100% !important; } .max-\[640px\]\:tw-max-h-\[720px\] { max-height: 720px !important; } .max-\[640px\]\:tw-max-h-none { max-height: none !important; } .max-\[640px\]\:tw-w-\[132px\] { width: 132px !important; } .max-\[640px\]\:tw-w-\[180px\] { width: 180px !important; } .max-\[640px\]\:tw-w-\[56px\] { width: 56px !important; } .max-\[640px\]\:tw-w-\[78px\] { width: 78px !important; } .max-\[640px\]\:tw-w-full { width: 100% !important; } .max-\[640px\]\:tw-flex-1 { flex: 1 1 0% !important; } .max-\[640px\]\:tw-flex-col { flex-direction: column !important; } .max-\[640px\]\:tw-flex-col-reverse { flex-direction: column-reverse !important; } .max-\[640px\]\:tw-justify-stretch { justify-content: stretch !important; } .max-\[640px\]\:tw-gap-\[10px\] { gap: 10px !important; } .max-\[640px\]\:tw-gap-\[14px\] { gap: 14px !important; } .max-\[640px\]\:tw-rounded-full { border-radius: 9999px !important; } .max-\[640px\]\:tw-px-\[18px\] { padding-left: 18px !important; padding-right: 18px !important; } .max-\[640px\]\:tw-py-\[14px\] { padding-top: 14px !important; padding-bottom: 14px !important; } .max-\[640px\]\:tw-text-\[14px\] { font-size: 14px !important; } .max-\[640px\]\:tw-text-\[18px\] { font-size: 18px !important; } .max-\[640px\]\:tw-text-\[26px\] { font-size: 26px !important; } .max-\[640px\]\:tw-text-\[28px\] { font-size: 28px !important; } } @media (max-width: 600px) { .max-\[600px\]\:tw-relative { position: relative !important; } .max-\[600px\]\:tw-bottom-\[-20px\] { bottom: -20px !important; } .max-\[600px\]\:-tw-mt-\[1px\] { margin-top: -1px !important; } .max-\[600px\]\:tw-mb-\[20px\] { margin-bottom: 20px !important; } .max-\[600px\]\:tw-mt-0 { margin-top: 0 !important; } .max-\[600px\]\:tw-mt-\[20px\] { margin-top: 20px !important; } .max-\[600px\]\:tw-block { display: block !important; } .max-\[600px\]\:tw-flex { display: flex !important; } .max-\[600px\]\:tw-hidden { display: none !important; } .max-\[600px\]\:tw-h-\[12px\] { height: 12px !important; } .max-\[600px\]\:tw-h-\[16px\] { height: 16px !important; } .max-\[600px\]\:tw-min-h-\[240px\] { min-height: 240px !important; } .max-\[600px\]\:tw-min-h-\[78px\] { min-height: 78px !important; } .max-\[600px\]\:tw-w-\[12px\] { width: 12px !important; } .max-\[600px\]\:tw-w-\[16px\] { width: 16px !important; } .max-\[600px\]\:tw-w-\[18px\] { width: 18px !important; } .max-\[600px\]\:tw-min-w-0 { min-width: 0 !important; } .max-\[600px\]\:tw-min-w-\[84px\] { min-width: 84px !important; } .max-\[600px\]\:tw-flex-1 { flex: 1 1 0% !important; } .max-\[600px\]\:tw-flex-none { flex: none !important; } .max-\[600px\]\:tw-shrink-0 { flex-shrink: 0 !important; } .max-\[600px\]\:tw-grow-0 { flex-grow: 0 !important; } .max-\[600px\]\:tw-basis-\[16px\] { flex-basis: 16px !important; } .max-\[600px\]\:tw-basis-\[18px\] { flex-basis: 18px !important; } .max-\[600px\]\:tw-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } .max-\[600px\]\:tw-flex-row { flex-direction: row !important; } .max-\[600px\]\:tw-flex-col { flex-direction: column !important; } .max-\[600px\]\:tw-flex-wrap { flex-wrap: wrap !important; } .max-\[600px\]\:tw-items-start { align-items: flex-start !important; } .max-\[600px\]\:tw-items-stretch { align-items: stretch !important; } .max-\[600px\]\:tw-justify-center { justify-content: center !important; } .max-\[600px\]\:tw-gap-\[10px\] { gap: 10px !important; } .max-\[600px\]\:tw-gap-\[12px\] { gap: 12px !important; } .max-\[600px\]\:tw-gap-\[14px\] { gap: 14px !important; } .max-\[600px\]\:tw-divide-x-0 > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0 !important; border-right-width: calc(0px * var(--tw-divide-x-reverse)) !important; border-left-width: calc( 0px * calc(1 - var(--tw-divide-x-reverse)) ) !important; } .max-\[600px\]\:tw-divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0 !important; border-top-width: calc( 1px * calc(1 - var(--tw-divide-y-reverse)) ) !important; border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important; } .max-\[600px\]\:tw-rounded-\[18px\] { border-radius: 18px !important; } .max-\[600px\]\:tw-rounded-\[20px\] { border-radius: 20px !important; } .max-\[600px\]\:tw-px-\[10px\] { padding-left: 10px !important; padding-right: 10px !important; } .max-\[600px\]\:tw-px-\[18px\] { padding-left: 18px !important; padding-right: 18px !important; } .max-\[600px\]\:tw-px-\[20px\] { padding-left: 20px !important; padding-right: 20px !important; } .max-\[600px\]\:tw-py-\[40px\] { padding-top: 40px !important; padding-bottom: 40px !important; } .max-\[600px\]\:tw-py-\[6px\] { padding-top: 6px !important; padding-bottom: 6px !important; } .max-\[600px\]\:tw-pb-0 { padding-bottom: 0 !important; } .max-\[600px\]\:tw-pb-\[14px\] { padding-bottom: 14px !important; } .max-\[600px\]\:tw-pb-\[18px\] { padding-bottom: 18px !important; } .max-\[600px\]\:tw-pb-\[20px\] { padding-bottom: 20px !important; } .max-\[600px\]\:tw-pr-0 { padding-right: 0 !important; } .max-\[600px\]\:tw-pt-\[16px\] { padding-top: 16px !important; } .max-\[600px\]\:tw-pt-\[1px\] { padding-top: 1px !important; } .max-\[600px\]\:tw-pt-\[20px\] { padding-top: 20px !important; } .max-\[600px\]\:tw-text-\[11px\] { font-size: 11px !important; } .max-\[600px\]\:tw-text-\[12px\] { font-size: 12px !important; } .max-\[600px\]\:tw-text-\[13px\] { font-size: 13px !important; } .max-\[600px\]\:tw-text-\[16px\] { font-size: 16px !important; } .max-\[600px\]\:tw-normal-case { text-transform: none !important; } .max-\[600px\]\:tw-leading-\[1\.35\] { line-height: 1.35 !important; } .max-\[600px\]\:tw-tracking-\[0\.01em\] { letter-spacing: 0.01em !important; } .max-\[600px\]\:\[overflow-wrap\:anywhere\] { overflow-wrap: anywhere !important; } } @media (max-width: 580px) { .max-\[580px\]\:tw-w-\[95\%\] { width: 95% !important; } .max-\[580px\]\:tw-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .max-\[580px\]\:tw-pb-\[2px\] { padding-bottom: 2px !important; } .max-\[580px\]\:tw-pr-\[2px\] { padding-right: 2px !important; } } @media (max-width: 435px) { .max-\[435px\]\:tw-text-\[18px\] { font-size: 18px !important; } } @media (max-width: 340px) { .max-\[340px\]\:tw-text-\[14px\] { font-size: 14px !important; } } @media (min-width: 640px) { .sm\:tw-mr-\[14px\] { margin-right: 14px !important; } .sm\:tw-block { display: block !important; } .sm\:tw-hidden { display: none !important; } .sm\:tw-h-\[20px\] { height: 20px !important; } .sm\:tw-h-full { height: 100% !important; } .sm\:tw-w-\[14px\] { width: 14px !important; } .sm\:tw-w-\[20px\] { width: 20px !important; } .sm\:tw-w-auto { width: auto !important; } .sm\:tw-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .sm\:tw-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .sm\:tw-grid-cols-\[auto_1fr\] { grid-template-columns: auto 1fr !important; } .sm\:tw-flex-row { flex-direction: row !important; } .sm\:tw-items-center { align-items: center !important; } .sm\:tw-gap-0 { gap: 0 !important; } .sm\:tw-gap-\[12px\] { gap: 12px !important; } .sm\:tw-gap-\[7px\] { gap: 7px !important; } .sm\:tw-p-\[18px_22px\] { padding: 18px 22px !important; } .sm\:tw-px-5 { padding-left: 1.25rem !important; padding-right: 1.25rem !important; } .sm\:tw-px-\[12px\] { padding-left: 12px !important; padding-right: 12px !important; } .sm\:tw-px-\[16px\] { padding-left: 16px !important; padding-right: 16px !important; } .sm\:tw-px-\[18px\] { padding-left: 18px !important; padding-right: 18px !important; } .sm\:tw-px-\[6vw\] { padding-left: 6vw !important; padding-right: 6vw !important; } .sm\:tw-py-8 { padding-top: 2rem !important; padding-bottom: 2rem !important; } .sm\:tw-py-\[9px\] { padding-top: 9px !important; padding-bottom: 9px !important; } .sm\:tw-pb-\[6vw\] { padding-bottom: 6vw !important; } .sm\:tw-text-\[13px\] { font-size: 13px !important; } .sm\:tw-text-\[140px\] { font-size: 140px !important; } .sm\:tw-text-\[14px\] { font-size: 14px !important; } .sm\:tw-text-\[15px\] { font-size: 15px !important; } .sm\:tw-text-\[17px\] { font-size: 17px !important; } } @media (min-width: 641px) { .min-\[641px\]\:tw-min-h-\[92px\] { min-height: 92px !important; } } @media (min-width: 768px) { .md\:tw-absolute { position: absolute !important; } .md\:tw-inset-0 { inset: 0 !important; } .md\:tw-left-\[5\%\] { left: 5% !important; } .md\:tw-right-\[5\%\] { right: 5% !important; } .md\:tw-top-\[5\%\] { top: 5% !important; } .md\:tw-col-span-1 { grid-column: span 1 / span 1 !important; } .md\:tw-col-span-2 { grid-column: span 2 / span 2 !important; } .md\:tw-row-span-2 { grid-row: span 2 / span 2 !important; } .md\:tw-m-\[18px\] { margin: 18px !important; } .md\:tw-mb-\[16px\] { margin-bottom: 16px !important; } .md\:tw-ml-\[24px\] { margin-left: 24px !important; } .md\:tw-ml-auto { margin-left: auto !important; } .md\:tw-mt-0 { margin-top: 0 !important; } .md\:tw-mt-2 { margin-top: 0.5rem !important; } .md\:tw-mt-20 { margin-top: 5rem !important; } .md\:tw-mt-\[10px\] { margin-top: 10px !important; } .md\:tw-mt-\[16px\] { margin-top: 16px !important; } .md\:tw-block { display: block !important; } .md\:tw-inline-block { display: inline-block !important; } .md\:tw-flex { display: flex !important; } .md\:tw-inline-flex { display: inline-flex !important; } .md\:tw-grid { display: grid !important; } .md\:tw-hidden { display: none !important; } .md\:tw-h-\[190px\] { height: 190px !important; } .md\:tw-h-\[64px\] { height: 64px !important; } .md\:tw-h-auto { height: auto !important; } .md\:tw-h-full { height: 100% !important; } .md\:tw-min-h-0 { min-height: 0 !important; } .md\:tw-min-h-\[204px\] { min-height: 204px !important; } .md\:tw-min-h-\[340px\] { min-height: 340px !important; } .md\:tw-w-\[144px\] { width: 144px !important; } .md\:tw-w-\[150px\] { width: 150px !important; } .md\:tw-w-\[174px\] { width: 174px !important; } .md\:tw-w-\[231px\] { width: 231px !important; } .md\:tw-w-\[564px\] { width: 564px !important; } .md\:tw-w-\[calc\(\(100\%-32px\)\/5\)\] { width: calc((100% - 32px) / 5) !important; } .md\:tw-w-auto { width: auto !important; } .md\:tw-w-fit { width: -moz-fit-content !important; width: fit-content !important; } .md\:tw-w-full { width: 100% !important; } .md\:tw-max-w-\[11ch\] { max-width: 11ch !important; } .md\:tw-max-w-\[280px\] { max-width: 280px !important; } .md\:tw-max-w-\[300px\] { max-width: 300px !important; } .md\:tw-max-w-\[420px\] { max-width: 420px !important; } .md\:tw-max-w-\[46\%\] { max-width: 46% !important; } .md\:tw-flex-1 { flex: 1 1 0% !important; } .md\:tw-scale-\[1\.1\] { --tw-scale-x: 1.1 !important; --tw-scale-y: 1.1 !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .md\:tw-columns-2 { -moz-columns: 2 !important; column-count: 2 !important; } .md\:tw-auto-cols-\[calc\(\(100\%-32px\)\/5\)\] { grid-auto-columns: calc((100% - 32px) / 5) !important; } .md\:tw-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } .md\:tw-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .md\:tw-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .md\:tw-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .md\:tw-grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } .md\:tw-flex-row { flex-direction: row !important; } .md\:tw-flex-col { flex-direction: column !important; } .md\:tw-items-start { align-items: flex-start !important; } .md\:tw-items-end { align-items: flex-end !important; } .md\:tw-items-center { align-items: center !important; } .md\:tw-items-stretch { align-items: stretch !important; } .md\:tw-justify-center { justify-content: center !important; } .md\:tw-justify-between { justify-content: space-between !important; } .md\:tw-gap-0 { gap: 0 !important; } .md\:tw-gap-9 { gap: 2.25rem !important; } .md\:tw-gap-\[16px\] { gap: 16px !important; } .md\:tw-gap-\[3rem\] { gap: 3rem !important; } .md\:tw-gap-x-\[16px\] { -moz-column-gap: 16px !important; column-gap: 16px !important; } .md\:tw-self-start { align-self: flex-start !important; } .md\:tw-rounded-\[12px\] { border-radius: 12px !important; } .md\:tw-rounded-\[4px\] { border-radius: 4px !important; } .md\:tw-rounded-t-none { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .md\:tw-border-0 { border-width: 0 !important; } .md\:tw-bg-transparent { background-color: transparent !important; } .md\:tw-bg-white { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; } .md\:tw-p-4 { padding: 1rem !important; } .md\:tw-p-\[12px\] { padding: 12px !important; } .md\:tw-p-\[16px\] { padding: 16px !important; } .md\:tw-p-\[18px\] { padding: 18px !important; } .md\:tw-p-\[20px\] { padding: 20px !important; } .md\:tw-p-\[22px\] { padding: 22px !important; } .md\:tw-px-0 { padding-left: 0 !important; padding-right: 0 !important; } .md\:tw-px-12 { padding-left: 3rem !important; padding-right: 3rem !important; } .md\:tw-px-8 { padding-left: 2rem !important; padding-right: 2rem !important; } .md\:tw-px-\[18px\] { padding-left: 18px !important; padding-right: 18px !important; } .md\:tw-px-\[34px\] { padding-left: 34px !important; padding-right: 34px !important; } .md\:tw-px-\[5\%\] { padding-left: 5% !important; padding-right: 5% !important; } .md\:tw-py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .md\:tw-pb-\[16px\] { padding-bottom: 16px !important; } .md\:tw-pb-\[20px\] { padding-bottom: 20px !important; } .md\:tw-pb-\[21px\] { padding-bottom: 21px !important; } .md\:tw-pb-\[8px\] { padding-bottom: 8px !important; } .md\:tw-pt-0 { padding-top: 0 !important; } .md\:tw-pt-\[20px\] { padding-top: 20px !important; } .md\:tw-text-left { text-align: left !important; } .md\:tw-text-center { text-align: center !important; } .md\:tw-text-right { text-align: right !important; } .md\:tw-text-\[10px\] { font-size: 10px !important; } .md\:tw-text-\[11px\] { font-size: 11px !important; } .md\:tw-text-\[13px\] { font-size: 13px !important; } .md\:tw-text-\[14px\] { font-size: 14px !important; } .md\:tw-text-\[15px\] { font-size: 15px !important; } .md\:tw-text-\[18px\] { font-size: 18px !important; } .md\:tw-text-\[20px\] { font-size: 20px !important; } .md\:tw-text-\[24px\] { font-size: 24px !important; } .md\:tw-text-\[32px\] { font-size: 32px !important; } .md\:tw-text-base { font-size: 1rem !important; line-height: 1.5rem !important; } .md\:tw-text-sm { font-size: 0.875rem !important; line-height: 1.25rem !important; } .md\:tw-text-xl { font-size: 1.25rem !important; line-height: 1.75rem !important; } .md\:tw-text-xs { font-size: 0.75rem !important; line-height: 1rem !important; } .md\:tw-shadow-none { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .md\:\[aspect-ratio\:auto\] { aspect-ratio: auto !important; } .md\:\[aspect-ratio\:var\(--sp-hero-aspect\)\] { aspect-ratio: var(--sp-hero-aspect) !important; } .md\:\[aspect-ratio\:var\(--sp-sk-aspect\)\] { aspect-ratio: var(--sp-sk-aspect) !important; } .md\:\[background\:linear-gradient\(to_right\2c var\(--sp-night\)_0\%\2c var\(--sp-night\)_18\%\2c transparent_62\%\)\] { background: linear-gradient( to right, var(--sp-night) 0, var(--sp-night) 18%, transparent 62% ) !important; } .md\:\[background\:none\] { background: none !important; } .md\:\[margin-left\:0\] { margin-left: 0 !important; } .md\:\[margin-right\:0\] { margin-right: 0 !important; } .md\:\[margin-top\:-10\.5vw\] { margin-top: -10.5vw !important; } .md\:\[object-fit\:var\(--sp-hero-fit\)\] { -o-object-fit: var(--sp-hero-fit) !important; object-fit: var(--sp-hero-fit) !important; } .md\:\[object-position\:var\(--sp-hero-pos\)\] { -o-object-position: var(--sp-hero-pos) !important; object-position: var(--sp-hero-pos) !important; } .md\:\[padding\:0\] { padding: 0 !important; } .md\:\[padding\:0_0_0_5\.2vw\] { padding: 0 0 0 5.2vw !important; } .md\:\[transform-origin\:var\(--sp-hero-org\)\] { transform-origin: var(--sp-hero-org) !important; } .md\:\[transform\:var\(--sp-hero-tf\)\] { transform: var(--sp-hero-tf) !important; } .first\:md\:tw-col-span-1:first-child { grid-column: span 1 / span 1 !important; } .tw-group:hover .group-hover\:md\:tw-translate-x-\[28px\] { --tw-translate-x: 28px !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } } @media (min-width: 961px) { .min-\[961px\]\:tw-block { display: block !important; } .min-\[961px\]\:tw-hidden { display: none !important; } } @media (min-width: 1024px) { .lg\:tw-bottom-\[134px\] { bottom: 134px !important; } .lg\:tw-bottom-\[232px\] { bottom: 232px !important; } .lg\:tw-bottom-\[24px\] { bottom: 24px !important; } .lg\:tw-bottom-\[36px\] { bottom: 36px !important; } .lg\:tw-left-\[24px\] { left: 24px !important; } .lg\:tw-top-\[64px\] { top: 64px !important; } .lg\:tw-col-span-1 { grid-column: span 1 / span 1 !important; } .lg\:tw-col-span-2 { grid-column: span 2 / span 2 !important; } .lg\:tw-col-start-2 { grid-column-start: 2 !important; } .lg\:tw-row-span-1 { grid-row: span 1 / span 1 !important; } .lg\:tw-mx-\[24px\] { margin-left: 24px !important; margin-right: 24px !important; } .lg\:tw-mx-auto { margin-left: auto !important; margin-right: auto !important; } .lg\:tw-my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .lg\:-tw-mt-\[64px\] { margin-top: -64px !important; } .lg\:tw-mb-\[50px\] { margin-bottom: 50px !important; } .lg\:tw-ml-0 { margin-left: 0 !important; } .lg\:tw-ml-auto { margin-left: auto !important; } .lg\:tw-mt-0 { margin-top: 0 !important; } .lg\:tw-mt-8 { margin-top: 2rem !important; } .lg\:tw-mt-\[-68px\] { margin-top: -68px !important; } .lg\:tw-mt-\[12px\] { margin-top: 12px !important; } .lg\:tw-mt-\[16px\] { margin-top: 16px !important; } .lg\:tw-mt-\[18px\] { margin-top: 18px !important; } .lg\:tw-mt-\[30px\] { margin-top: 30px !important; } .lg\:tw-mt-\[32px\] { margin-top: 32px !important; } .lg\:tw-mt-\[60px\] { margin-top: 60px !important; } .lg\:tw-mt-\[66px\] { margin-top: 66px !important; } .lg\:tw-mt-\[86px\] { margin-top: 86px !important; } .lg\:tw-mt-\[8px\] { margin-top: 8px !important; } .lg\:tw-block { display: block !important; } .lg\:tw-inline { display: inline !important; } .lg\:tw-flex { display: flex !important; } .lg\:tw-inline-flex { display: inline-flex !important; } .lg\:tw-grid { display: grid !important; } .lg\:tw-hidden { display: none !important; } .lg\:tw-h-\[12px\] { height: 12px !important; } .lg\:tw-h-\[64px\] { height: 64px !important; } .lg\:tw-h-\[665px\] { height: 665px !important; } .lg\:tw-h-\[720px\] { height: 720px !important; } .lg\:tw-h-\[760px\] { height: 760px !important; } .lg\:tw-h-\[85\%\] { height: 85% !important; } .lg\:tw-h-\[88px\] { height: 88px !important; } .lg\:tw-h-auto { height: auto !important; } .lg\:tw-max-h-\[240px\] { max-height: 240px !important; } .lg\:tw-max-h-none { max-height: none !important; } .lg\:tw-min-h-\[207px\] { min-height: 207px !important; } .lg\:tw-min-h-\[253px\] { min-height: 253px !important; } .lg\:tw-min-h-\[320px\] { min-height: 320px !important; } .lg\:tw-min-h-\[33px\] { min-height: 33px !important; } .lg\:tw-w-1\/2 { width: 50% !important; } .lg\:tw-w-\[12px\] { width: 12px !important; } .lg\:tw-w-\[140px\] { width: 140px !important; } .lg\:tw-w-\[200px\] { width: 200px !important; } .lg\:tw-w-\[300px\] { width: 300px !important; } .lg\:tw-w-\[88px\] { width: 88px !important; } .lg\:tw-w-\[90\%\] { width: 90% !important; } .lg\:tw-w-\[calc\(\(100\%-56px\)\/8\)\] { width: calc((100% - 56px) / 8) !important; } .lg\:tw-w-auto { width: auto !important; } .lg\:tw-w-max { width: -moz-max-content !important; width: max-content !important; } .lg\:tw-min-w-\[200px\] { min-width: 200px !important; } .lg\:tw-min-w-\[96px\] { min-width: 96px !important; } .lg\:tw-max-w-2xl { max-width: 42rem !important; } .lg\:tw-max-w-\[1000px\] { max-width: 1000px !important; } .lg\:tw-max-w-\[1195px\] { max-width: 1195px !important; } .lg\:tw-max-w-\[1200px\] { max-width: 1200px !important; } .lg\:tw-max-w-\[500px\] { max-width: 500px !important; } .lg\:tw-max-w-\[561px\] { max-width: 561px !important; } .lg\:tw-max-w-\[650px\] { max-width: 650px !important; } .lg\:tw-max-w-\[680px\] { max-width: 680px !important; } .lg\:tw-max-w-\[720px\] { max-width: 720px !important; } .lg\:tw-flex-none { flex: none !important; } .lg\:tw-basis-full { flex-basis: 100% !important; } .lg\:tw-translate-y-0 { --tw-translate-y: 0px !important; } .lg\:tw-scale-100, .lg\:tw-translate-y-0 { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .lg\:tw-scale-100 { --tw-scale-x: 1 !important; --tw-scale-y: 1 !important; } .lg\:tw-scale-95 { --tw-scale-x: 0.95 !important; --tw-scale-y: 0.95 !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .lg\:tw-scroll-px-\[0px\] { scroll-padding-left: 0 !important; scroll-padding-right: 0 !important; } .lg\:tw-auto-cols-\[calc\(\(100\%-56px\)\/8\)\] { grid-auto-columns: calc((100% - 56px) / 8) !important; } .lg\:tw-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .lg\:tw-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .lg\:tw-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .lg\:tw-grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } .lg\:tw-grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)) !important; } .lg\:tw-grid-cols-\[minmax\(0\2c _1fr\)_355px\] { grid-template-columns: minmax(0, 1fr) 355px !important; } .lg\:tw-flex-row { flex-direction: row !important; } .lg\:tw-items-center { align-items: center !important; } .lg\:tw-justify-center { justify-content: center !important; } .lg\:tw-justify-between { justify-content: space-between !important; } .lg\:tw-gap-\[10px\] { gap: 10px !important; } .lg\:tw-gap-\[24px\] { gap: 24px !important; } .lg\:tw-gap-\[30px\] { gap: 30px !important; } .lg\:tw-gap-\[32px\] { gap: 32px !important; } .lg\:tw-gap-\[38px\] { gap: 38px !important; } .lg\:tw-gap-\[40px\] { gap: 40px !important; } .lg\:tw-gap-\[44px\] { gap: 44px !important; } .lg\:tw-gap-\[64px\] { gap: 64px !important; } .lg\:tw-gap-\[66px\] { gap: 66px !important; } .lg\:tw-gap-\[8px\] { gap: 8px !important; } .lg\:tw-overflow-visible { overflow: visible !important; } .lg\:tw-overscroll-contain { overscroll-behavior: contain !important; } .lg\:tw-rounded-2xl { border-radius: 1rem !important; } .lg\:tw-rounded-\[10px\] { border-radius: 10px !important; } .lg\:tw-rounded-\[12px\] { border-radius: 12px !important; } .lg\:tw-rounded-\[16px\] { border-radius: 16px !important; } .lg\:tw-rounded-\[4px\] { border-radius: 4px !important; } .lg\:tw-rounded-\[8px\] { border-radius: 8px !important; } .lg\:tw-rounded-full { border-radius: 9999px !important; } .lg\:tw-rounded-xl { border-radius: 0.75rem !important; } .lg\:tw-border-\[10px\] { border-width: 10px !important; } .lg\:tw-border-r { border-right-width: 1px !important; } .lg\:tw-border-solid { border-style: solid !important; } .lg\:tw-border-border-color { --tw-border-opacity: 1 !important; border-color: rgb(209 211 212 / var(--tw-border-opacity, 1)) !important; } .lg\:tw-border-transparent { border-color: transparent !important; } .lg\:tw-border-r-border-color { --tw-border-opacity: 1 !important; border-right-color: rgb( 209 211 212 / var(--tw-border-opacity, 1) ) !important; } .lg\:tw-bg-\[\#f5f5f5\] { --tw-bg-opacity: 1 !important; background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1)) !important; } .lg\:tw-bg-background { --tw-bg-opacity: 1 !important; background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1)) !important; } .lg\:tw-bg-black\/40 { background-color: rgb(0 0 0/0.4) !important; } .lg\:tw-bg-transparent { background-color: transparent !important; } .lg\:tw-bg-white { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; } .lg\:tw-bg-gradient-to-r { background-image: linear-gradient( to right, var(--tw-gradient-stops) ) !important; } .lg\:tw-p-4 { padding: 1rem !important; } .lg\:tw-p-6 { padding: 1.5rem !important; } .lg\:tw-p-8 { padding: 2rem !important; } .lg\:tw-p-\[16px\] { padding: 16px !important; } .lg\:tw-p-\[20px\] { padding: 20px !important; } .lg\:tw-p-\[24px\] { padding: 24px !important; } .lg\:tw-px-0 { padding-left: 0 !important; padding-right: 0 !important; } .lg\:tw-px-36 { padding-left: 9rem !important; padding-right: 9rem !important; } .lg\:tw-px-6 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .lg\:tw-px-8 { padding-left: 2rem !important; padding-right: 2rem !important; } .lg\:tw-px-\[0px\] { padding-left: 0 !important; padding-right: 0 !important; } .lg\:tw-px-\[120px\] { padding-left: 120px !important; padding-right: 120px !important; } .lg\:tw-px-\[12px\] { padding-left: 12px !important; padding-right: 12px !important; } .lg\:tw-px-\[16px\] { padding-left: 16px !important; padding-right: 16px !important; } .lg\:tw-px-\[44px\] { padding-left: 44px !important; padding-right: 44px !important; } .lg\:tw-px-\[64px\] { padding-left: 64px !important; padding-right: 64px !important; } .lg\:tw-py-24 { padding-top: 6rem !important; padding-bottom: 6rem !important; } .lg\:tw-py-3 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } .lg\:tw-py-6 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .lg\:tw-py-\[10px\] { padding-top: 10px !important; padding-bottom: 10px !important; } .lg\:tw-py-\[15px\] { padding-top: 15px !important; padding-bottom: 15px !important; } .lg\:tw-py-\[16px\] { padding-top: 16px !important; padding-bottom: 16px !important; } .lg\:tw-py-\[58px\] { padding-top: 58px !important; padding-bottom: 58px !important; } .lg\:tw-py-\[82px\] { padding-top: 82px !important; padding-bottom: 82px !important; } .lg\:tw-pb-0 { padding-bottom: 0 !important; } .lg\:tw-pb-\[70px\] { padding-bottom: 70px !important; } .lg\:tw-pl-\[0px\] { padding-left: 0 !important; } .lg\:tw-pr-\[24px\] { padding-right: 24px !important; } .lg\:tw-pr-\[4px\] { padding-right: 4px !important; } .lg\:tw-pt-16 { padding-top: 4rem !important; } .lg\:tw-text-2xl { font-size: 1.5rem !important; line-height: 2rem !important; } .lg\:tw-text-\[12px\] { font-size: 12px !important; } .lg\:tw-text-\[135px\] { font-size: 135px !important; } .lg\:tw-text-\[13px\] { font-size: 13px !important; } .lg\:tw-text-\[14px\] { font-size: 14px !important; } .lg\:tw-text-\[15px\] { font-size: 15px !important; } .lg\:tw-text-\[160px\] { font-size: 160px !important; } .lg\:tw-text-\[16px\] { font-size: 16px !important; } .lg\:tw-text-\[17px\] { font-size: 17px !important; } .lg\:tw-text-\[18px\] { font-size: 18px !important; } .lg\:tw-text-\[20px\] { font-size: 20px !important; } .lg\:tw-text-\[22px\] { font-size: 22px !important; } .lg\:tw-text-\[24px\] { font-size: 24px !important; } .lg\:tw-text-\[28px\] { font-size: 28px !important; } .lg\:tw-text-\[29px\] { font-size: 29px !important; } .lg\:tw-text-\[32px\] { font-size: 32px !important; } .lg\:tw-text-\[36px\] { font-size: 36px !important; } .lg\:tw-text-\[40px\] { font-size: 40px !important; } .lg\:tw-text-\[48px\] { font-size: 48px !important; } .lg\:tw-text-\[92px\] { font-size: 92px !important; } .lg\:tw-text-\[96px\] { font-size: 96px !important; } .lg\:tw-text-base { font-size: 1rem !important; line-height: 1.5rem !important; } .lg\:tw-text-lg { font-size: 1.125rem !important; line-height: 1.75rem !important; } .lg\:tw-text-sm { font-size: 0.875rem !important; line-height: 1.25rem !important; } .lg\:tw-text-xl { font-size: 1.25rem !important; line-height: 1.75rem !important; } .lg\:tw-leading-\[21px\] { line-height: 21px !important; } .lg\:tw-leading-\[24px\] { line-height: 24px !important; } .lg\:tw-leading-\[58px\] { line-height: 58px !important; } .lg\:tw-leading-\[66px\] { line-height: 66px !important; } .lg\:tw-text-typography { --tw-text-opacity: 1 !important; color: rgb(45 45 45 / var(--tw-text-opacity, 1)) !important; } .lg\:tw-shadow-\[0_0_4px_0_rgba\(0\2c 0\2c 0\2c 0\.15\)\] { --tw-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15) !important; --tw-shadow-colored: 0 0 4px 0 var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .lg\:tw-shadow-\[0_0_8px_0_rgba\(0\2c 0\2c 0\2c 0\.2\)\] { --tw-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2) !important; --tw-shadow-colored: 0 0 8px 0 var(--tw-shadow-color) !important; } .lg\:tw-shadow-\[0_0_8px_0_rgba\(0\2c 0\2c 0\2c 0\.2\)\], .lg\:tw-shadow-surface { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .lg\:tw-shadow-surface { --tw-shadow: 0px 0px 10px 0px rgba(170, 169, 169, 0.25) !important; --tw-shadow-colored: 0px 0px 10px 0px var(--tw-shadow-color) !important; } .lg\:tw-shadow-surface-strong { --tw-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25) !important; --tw-shadow-colored: 0px 0px 4px 0px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .lg\:tw-backdrop-blur-none { --tw-backdrop-blur: !important; backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; } .lg\:tw-duration-100 { transition-duration: 0.1s !important; } .lg\:tw-no-scrollbar { -ms-overflow-style: none !important; scrollbar-width: none !important; } .lg\:tw-no-scrollbar::-webkit-scrollbar { display: none !important; } .lg\:hover\:tw-scale-\[200\%\]:hover { --tw-scale-x: 200% !important; --tw-scale-y: 200% !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .min-\[1024px\]\:tw-py-\[8\%\] { padding-top: 8% !important; padding-bottom: 8% !important; } } @media (min-width: 1025px) { .min-\[1025px\]\:tw-sticky { position: sticky !important; } .min-\[1025px\]\:tw-top-\[100px\] { top: 100px !important; } .min-\[1025px\]\:tw-flex { display: flex !important; } .min-\[1025px\]\:tw-w-\[250px\] { width: 250px !important; } .min-\[1025px\]\:tw-flex-shrink-0 { flex-shrink: 0 !important; } .min-\[1025px\]\:tw-flex-col { flex-direction: column !important; } .min-\[1025px\]\:tw-gap-\[4px\] { gap: 4px !important; } .min-\[1025px\]\:tw-rounded-\[16px\] { border-radius: 16px !important; } .min-\[1025px\]\:tw-border-2 { border-width: 2px !important; } .min-\[1025px\]\:tw-border-border-color { --tw-border-opacity: 1 !important; border-color: rgb(209 211 212 / var(--tw-border-opacity, 1)) !important; } .min-\[1025px\]\:tw-bg-white { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; } .min-\[1025px\]\:tw-p-\[24px\] { padding: 24px !important; } } @media (min-width: 1280px) { .xl\:tw-w-\[83\%\] { width: 83% !important; } .xl\:tw-grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } } @media (min-width: 1440px) { .min-\[1440px\]\:tw-max-w-\[1195px\] { max-width: 1195px !important; } } @media (min-width: 1475px) { .min-\[1475px\]\:tw-text-\[20px\] { font-size: 20px !important; } } @media (min-width: 1536px) { .\32xl\:tw-h-3\/4 { height: 75% !important; } .\32xl\:tw-h-\[70\%\] { height: 70% !important; } .\32xl\:tw-h-\[75\%\] { height: 75% !important; } } @media (min-width: 1600px) { .min-\[1600px\]\:tw-p-\[26px_8px_24px_24px\] { padding: 26px 8px 24px 24px !important; } } @media print { .print\:tw-block { display: block !important; } .print\:tw-hidden { display: none !important; } .print\:tw-w-full { width: 100% !important; } .print\:tw-overflow-hidden { overflow: hidden !important; } .print\:tw-overflow-visible { overflow: visible !important; } .print\:tw-p-0 { padding: 0 !important; } } .\[\&\:\:-webkit-scrollbar\]\:tw-hidden::-webkit-scrollbar { display: none !important; } .\[\&\:hover_a\]\:tw-cursor-pointer:hover a { cursor: pointer !important; } .\[\&\:hover_a\]\:tw-no-underline:hover a { text-decoration-line: none !important; } .\[\&\:hover_p\]\:tw-cursor-pointer:hover p { cursor: pointer !important; } .\[\&\:hover_p\]\:tw-no-underline:hover p { text-decoration-line: none !important; } .\[\&\>div\]\:tw-h-\[14px\] > div { height: 14px !important; } .\[\&\>div\]\:tw-w-\[14px\] > div { width: 14px !important; } .\[\&\>img\]\:tw-h-auto > img { height: auto !important; } .\[\&\>img\]\:tw-w-full > img { width: 100% !important; } .\[\&\>img\]\:tw-cursor-pointer > img { cursor: pointer !important; } .\[\&\>img\]\:tw-object-cover > img { -o-object-fit: cover !important; object-fit: cover !important; } .\[\&\>svg\]\:tw-h-\[14px\] > svg { height: 14px !important; } .\[\&\>svg\]\:tw-h-\[26px\] > svg { height: 26px !important; } .\[\&\>svg\]\:tw-w-\[14px\] > svg { width: 14px !important; } .\[\&\>svg\]\:tw-w-\[26px\] > svg { width: 26px !important; } .\[\&_td\]\:tw-border td { border-width: 1px !important; } .\[\&_td\]\:tw-border-solid td { border-style: solid !important; } .\[\&_td\]\:tw-border-border-color td { --tw-border-opacity: 1 !important; border-color: rgb(209 211 212 / var(--tw-border-opacity, 1)) !important; } .\[\&_td\]\:tw-p-3 td { padding: 0.75rem !important; } .\[\&_td\]\:tw-px-4 td { padding-left: 1rem !important; padding-right: 1rem !important; } .\[\&_td\]\:tw-text-center td { text-align: center !important; } .\[\&_td\]\:tw-text-sm td { font-size: 0.875rem !important; line-height: 1.25rem !important; } .\[\&_td\]\:tw-text-gray-600 td { --tw-text-opacity: 1 !important; color: rgb(75 85 99 / var(--tw-text-opacity, 1)) !important; } @media (min-width: 768px) { .md\:\[\&_td\]\:tw-px-3 td { padding-left: 0.75rem !important; padding-right: 0.75rem !important; } .md\:\[\&_td\]\:tw-py-2\.5 td { padding-top: 0.625rem !important; padding-bottom: 0.625rem !important; } .md\:\[\&_td\]\:tw-text-xs td { font-size: 0.75rem !important; line-height: 1rem !important; } } .\[\&_th\]\:tw-border th { border-width: 1px !important; } .\[\&_th\]\:tw-border-solid th { border-style: solid !important; } .\[\&_th\]\:tw-border-border-color th { --tw-border-opacity: 1 !important; border-color: rgb(209 211 212 / var(--tw-border-opacity, 1)) !important; } .\[\&_th\]\:tw-bg-\[\#f9f9f9\] th { --tw-bg-opacity: 1 !important; background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1)) !important; } .\[\&_th\]\:tw-p-3 th { padding: 0.75rem !important; } .\[\&_th\]\:tw-px-4 th { padding-left: 1rem !important; padding-right: 1rem !important; } .\[\&_th\]\:tw-text-center th { text-align: center !important; } .\[\&_th\]\:tw-text-sm th { font-size: 0.875rem !important; line-height: 1.25rem !important; } .\[\&_th\]\:tw-font-semibold th { font-weight: 600 !important; } .\[\&_th\]\:tw-text-black th { --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important; } @media (min-width: 768px) { .md\:\[\&_th\]\:tw-px-3 th { padding-left: 0.75rem !important; padding-right: 0.75rem !important; } .md\:\[\&_th\]\:tw-py-2\.5 th { padding-top: 0.625rem !important; padding-bottom: 0.625rem !important; } .md\:\[\&_th\]\:tw-text-xs th { font-size: 0.75rem !important; line-height: 1rem !important; } } @media (hover: hover) { .\[\@media\(hover\:hover\)\]\:hover\:tw-border-brand:hover { --tw-border-opacity: 1 !important; border-color: rgb(252 76 2 / var(--tw-border-opacity, 1)) !important; } .\[\@media\(hover\:hover\)\]\:hover\:tw-bg-brand-light:hover { --tw-bg-opacity: 1 !important; background-color: rgb(255 243 238 / var(--tw-bg-opacity, 1)) !important; } .\[\@media\(hover\:hover\)\]\:hover\:tw-text-brand:hover { --tw-text-opacity: 1 !important; color: rgb(252 76 2 / var(--tw-text-opacity, 1)) !important; } } @media (max-width: 1024px) { .productpage .content { flex-direction: column-reverse; } } @media (display-mode: standalone) and (max-width: 1024px) { .productpage .content__main { padding-bottom: 132px; } } @media (max-width: 1024px) { .id_carousel_section { margin-left: 12px; margin-right: 12px; } .itempage .content { flex-direction: column-reverse; } .itempage .content__main { width: 100%; } } .column-artist { width: 100%; } @media (min-width: 944px) { .column-artist { width: calc(50% - 10px); } } .policy-content { background: #fff; padding: 32px 24px; border-radius: 4px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15); } .policy-content h2 { font-size: 2em; } @media (max-width: 1024px) { .policy-content h2 { margin: 0; } } .policy-inner { margin-top: 24px; } .policy-inner h3 { margin-top: 32px; color: #3d4852; font-size: 16px; } .policy-inner p { font-size: 14px; margin: 16px 0 0; line-height: 24px; } .policy-inner p ul { list-style-type: circle; } .policy-inner ol { list-style-type: decimal; margin: 16px 0 0; line-height: 24px; } .policy-inner ol.unmarked { list-style-type: none; } .policy-inner ol.unmarked li { margin-left: 0; } .policy-inner ol li { margin-left: 30px; } .policy-inner ol li ol { margin-top: 5px; margin-bottom: 5px; list-style-type: lower-alpha; } .policy-inner span { margin-top: 8px; margin-left: 10px; display: block; font-size: 14px; font-weight: 700; } .policy-inner span a { display: inline-block; margin: 8px 0; } .policy-inner span a span { margin: 4px 12px; display: inline-block; font-weight: 400; font-size: 12px; } .homepage-gallery .slick-track > div > div { border: none !important; padding: 0 !important; } .mirror-product-cards-active.mirror-product-cards-horizontal .mirror-target-page { transform: scaleX(-1); transform-origin: center; } .mirror-product-cards-active.mirror-product-cards-vertical .mirror-target-page { transform: scaleY(-1); transform-origin: center; } .icon-badge { position: relative; } .icon-badge:after { content: attr(data-count); display: flex; position: absolute; min-width: 20px; height: 20px; font-size: 10px; background: #fc4c02; border-radius: 20px; color: #fff; align-items: center; justify-content: center; padding: 2px; box-sizing: border-box; top: 2px; right: 2px; } @media (max-width: 1024px) and (display-mode: standalone) { .hideOnPWA { display: none !important; } } .bottom-nav { display: none; } @media (max-width: 1024px) and (display-mode: standalone) { .bottom-nav { display: flex; box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.2); } } @media (min-width: 769px) { .snowfall-tip-mobile { display: none !important; } } @media (max-width: 768px) { .snowfall-tip-desktop { display: none !important; } } @keyframes snowfallPulse { 0%, to { opacity: 1; } 50% { opacity: 0.7; } } @keyframes musicBar1 { 0%, to { transform: scaleY(0.3); } 50% { transform: scaleY(1); } } @keyframes musicBar2 { 0%, to { transform: scaleY(0.6); } 50% { transform: scaleY(0.3); } } @keyframes musicBar3 { 0%, to { transform: scaleY(0.4); } 50% { transform: scaleY(0.8); } } @keyframes musicBar4 { 0%, to { transform: scaleY(0.7); } 50% { transform: scaleY(0.4); } } .top-series-container { padding-top: 16%; } .fp-carousel-container { padding-top: 24%; background: linear-gradient(90deg, rgb(142, 38, 16), rgb(72, 21, 2)); } .brand-carousel-container { padding-top: 16%; } @media (max-width: 720px) { .brand-carousel-container, .fp-carousel-container, .top-series-container { padding-top: 47.83%; } } .slider-anime .slick-list a:hover { text-decoration: none; } .slider-anime .slick-list a img { width: 95%; margin: 0 auto; height: 170px; -o-object-fit: cover; object-fit: cover; border-radius: 4px; } .image_TopChoice { width: 300px; height: auto; border-radius: 8px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); transition: transform 0.2s; } .image_TopChoice:hover { transform: scale(1.05); } @media (max-width: 1133px) { .image_TopChoice { width: 250px; } } @media (max-width: 875px) { .image_TopChoice { width: 200px; } } @media (max-width: 700px) { .image_TopChoice { width: 45%; margin: 0 auto 16px; } } @keyframes skeletonPulse { 0%, to { background: #d9d9d9; } 50% { background: #ebebeb; } } img[data-skel] { background-color: rgba(128, 128, 128, 0.16); background-image: linear-gradient( 100deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.38) 50%, rgba(255, 255, 255, 0) 80% ); background-size: 220% 100%; background-repeat: no-repeat; animation: spSkeletonSweep 1.3s linear infinite; } @keyframes spSkeletonSweep { 0% { background-position: 180% 0; } to { background-position: -80% 0; } } @media (prefers-reduced-motion: reduce) { img[data-skel] { animation: none; } } .order-packed-warning__overlay { background: rgba(0, 0, 0, 0.5); } .order-packed-warning__modal { padding: 0; border-radius: 12px; max-width: 480px; width: 90%; } @media (max-width: 768px) { .order-packed-warning__modal { max-width: 90%; width: 90%; } } .gallery-tab .rc-tabs-bar { border-bottom: 2px solid #d1d3d4; } @media (min-width: 1025px) { .gallery-tab .rc-tabs-bar { margin: 0 24px; } } .gallery-tab .rc-tabs-top { border: none; } .gallery-tab .rc-tabs-ink-bar { background: #fc4c02; border-radius: 2px; } .gallery-tab .rc-tabs-tab { font-weight: 700; font-size: 14px; text-align: center; } @media (min-width: 1025px) { .gallery-tab .rc-tabs-tab { padding: 24px 0 6px; line-height: 21px; color: #565252; min-width: 96px; } } .gallery-tab .rc-tabs-tab-active, .gallery-tab .rc-tabs-tab:hover { color: #fc4c02; } .pickup-source-select option:checked, .pickup-source-select option:hover { background-color: #fc4c02; color: #fff; } .pickup-source-select option:disabled { color: #999; background-color: #f5f5f5; } @keyframes sk-bouncedelay { 0%, 80%, to { transform: scale(0); } 40% { transform: scale(1); } } @keyframes spin { 0% { transform: rotate(0deg); } to { transform: rotate(1turn); } } .store-banner-dandadan .BrainhubCarousel { border-top-left-radius: 12px; border-bottom-left-radius: 12px; } @media (max-width: 960px) { .store-banner-dandadan .BrainhubCarousel { border-top-left-radius: 0; border-bottom-left-radius: 0; } } .store-banner-event .BrainhubCarousel { border-top-left-radius: 12px; border-bottom-left-radius: 12px; } @media (max-width: 1024px) { .store-banner-event .BrainhubCarousel { border-top-left-radius: 0; border-bottom-left-radius: 0; } } .running-text { background: #7209b7; color: white; font-size: 1.2rem; padding: 8px 0; display: flex; align-items: center; font-weight: 700; position: relative; top: 64px; left: 0; width: 100%; } .running-text .spacer { margin-right: auto; } @media (max-width: 960px) { .running-text .spacer { display: none; } } .running-text .left { display: flex; align-items: center; } @media (max-width: 960px) { .running-text .left { flex-direction: column; align-items: flex-start; margin-right: 16px; } } .running-text .putRight { margin-left: auto; display: flex; } @media (max-width: 960px) { .running-text .putRight { flex-direction: column-reverse; align-items: flex-start; } } .running-text a { text-decoration: none; } .running-text p { color: white; text-decoration: underline; } @media (max-width: 960px) { .running-text p { margin-top: 8px; } } .running-text .type { padding: 4px 16px; border-radius: 32px; background: white; color: #fc4c02; margin-right: 8px; display: flex; align-items: center; text-transform: uppercase; } .running-text .type .circle { width: 16px; height: 16px; border-radius: 100%; background: #fc4c02; color: white; margin-right: 4px; } .running-text .cta { background: white; padding: 8px; border-radius: 4px; margin-right: 16px; text-decoration: none; display: inline-block; text-align: center; } @media (max-width: 960px) { .running-text .cta { margin-right: 0; } } .running-text button { background: none; border: none; color: white; cursor: pointer; transform: translateY(2px); } .running-text button img { width: 16px; height: 16px; filter: brightness(0) invert(0.95); } .running-text button.dismiss { background: #ffffff59; color: white; padding: 8px; border-radius: 4px; font-weight: 700; width: 100%; margin-bottom: 8px; } .running-text .mobileOnly { display: block; } @media (min-width: 961px) { .running-text .mobileOnly { display: none; } } .running-text .desktopOnly { display: block; } @media (max-width: 960px) { .running-text .desktopOnly { display: none; } } .running-text .center_content { display: flex; justify-content: center; align-items: center; text-align: center; width: 100%; } .running-text .center_content .center_content_text { text-decoration: none; } .oripa-banner { background: #f15a24; color: white; font-size: 1.2rem; padding: 8px 0; display: flex; align-items: center; font-weight: 700; position: relative; top: 64px; left: 0; width: 100%; text-decoration: none; cursor: pointer; } .oripa-banner .center_content { display: flex; justify-content: center; align-items: center; gap: 12px; text-align: center; width: 100%; flex-wrap: wrap; padding: 0 16px; } .oripa-banner .center_content_text { text-decoration: none; color: white; } .oripa-banner__cta { background: white; color: #f15a24; padding: 4px 14px; border-radius: 32px; font-weight: 700; white-space: nowrap; display: inline-flex; align-items: center; gap: 6px; } .oripa-banner__cta-logo { height: 0.95em; width: auto; display: block; } .oripa-banner:hover .oripa-banner__cta { background: #ffe7dd; } .series-item-image { width: 100%; } .series-item-image:before { content: ""; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: 55%; } .series-item-image > img, .series-item-image > source { width: 100%; height: 100%; border-radius: 10px; opacity: 1; transition: opacity 0.25s; -o-object-fit: cover; object-fit: cover; } .unique-request-price:after { content: "?"; margin-left: 4px; font-size: 8px; width: 12px; height: 12px; color: #000; background: #d1d3d4; border-radius: 32px; font-weight: 400; display: inline-flex; align-items: center; justify-content: center; } .step-marker:before { display: inline-block; position: relative; font-size: 12px; color: #a2a2a2; font-weight: 700; margin-top: 18px; content: attr(data-label); width: auto; white-space: nowrap; } .step-marker.step-marker--passed:before { margin-top: 16px; color: #565252; } .summary-entry { display: grid; grid-template-columns: 50% 50%; padding: 0; margin-bottom: 16px; font-size: 14px; } .summary-entry div { padding: 0; } .summary-entry.border { border-bottom: 1px solid #d1d3d4; padding-bottom: 16px; } .summary-entry .left .title { color: #606060; font-weight: 300; font-size: 16px; } .summary-entry .left .item { color: #9b9b9b; font-size: 12px; } .summary-entry .price { font-size: 16px; text-align: right; } .summary-entry .price b { color: #fc4c02; } @media print { .no-print { display: none !important; } } a.link, button.link { display: flex; padding: 16px 20px; align-items: center; color: #3d3d3d; text-decoration: none; cursor: pointer; font-size: 14px; width: 100%; background: none; border: none; text-align: left; box-sizing: border-box; } a.link:hover, button.link:hover { color: #fc4c02; } .webview .tnc-mobile-tabs { top: 0 !important; } .tnc-mobile-tabs__inner { display: flex; overflow-x: auto; scrollbar-width: none; width: 100%; padding: 0; } .tnc-mobile-tabs__inner::-webkit-scrollbar { display: none; } .tnc-section + .tnc-section { padding-top: 28px; border-top: 1px solid #f0f0f0; } .tnc-section h2 { font-size: 13px; font-weight: 700; color: #1a1a1a; text-transform: uppercase; letter-spacing: 0.06em; margin: 0 0 14px; padding-bottom: 10px; border-bottom: 2px solid rgba(252, 76, 2, 0.2); } .tnc-section p { margin: 10px 0; line-height: 26px; text-align: justify; } .tnc-section p, .tnc-section span { font-size: 14px; color: #4d4d4d; letter-spacing: 0.01em; } .tnc-section span { display: block; font-weight: 600; margin: 12px 0 6px; } .tnc-section ol, .tnc-section ul { padding-left: 22px; margin: 8px 0; } .tnc-section ol li, .tnc-section ul li { font-size: 14px; line-height: 26px; color: #4d4d4d; letter-spacing: 0.01em; margin-bottom: 6px; } .tnc-section ol li ol { margin-top: 6px; list-style-type: lower-alpha; } .tnc-section ul { list-style: disc; } .tnc-section ol { list-style: decimal; } .tnc-section a { color: #fc4c02; text-decoration: underline; } .tnc-section a:hover { opacity: 0.8; } .tnc-section strong { font-weight: 700; color: #1a1a1a; } .tnc-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 14px 0; border: 1px solid #ececec; border-radius: 10px; max-width: 100%; min-width: 0; } .tnc-section table { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 24px; min-width: 460px; } .tnc-section table th { text-align: left; font-weight: 700; color: #1a1a1a; background: #fafafa; padding: 11px 14px; border-bottom: 2px solid rgba(252, 76, 2, 0.2); letter-spacing: 0.01em; } .tnc-section table td { padding: 11px 14px; color: #4d4d4d; border-bottom: 1px solid #f0f0f0; vertical-align: top; letter-spacing: 0.01em; } .tnc-section table tr:last-child td { border-bottom: none; } .tnc-section table td:last-child { white-space: normal; } .tnc-section .tnc-yes { color: #1e874b; font-weight: 600; } .tnc-section .tnc-no { color: #c0392b; font-weight: 600; } .tnc-callout { background: rgba(252, 76, 2, 0.06); border: 1px solid rgba(252, 76, 2, 0.25); border-radius: 10px; padding: 14px 16px; margin: 0 0 20px; } .tnc-callout p { margin: 0; font-size: 14px; line-height: 25px; color: #4d4d4d; text-align: left; } .tnc-callout strong { color: #1a1a1a; font-weight: 700; } .tnc-steps { list-style: none; padding-left: 0; margin: 10px 0; counter-reset: tncstep; } .tnc-steps li { position: relative; padding-left: 40px; margin-bottom: 14px; font-size: 14px; line-height: 26px; color: #4d4d4d; } .tnc-steps li:before { counter-increment: tncstep; content: counter(tncstep); position: absolute; left: 0; top: 2px; width: 26px; height: 26px; border-radius: 50%; background: rgba(252, 76, 2, 0.1); color: #fc4c02; font-weight: 700; font-size: 13px; display: flex; align-items: center; justify-content: center; } .tnc-steps li strong { display: block; color: #1a1a1a; font-weight: 700; margin-bottom: 2px; } .privacy-policy-page .custom-list { list-style: decimal; padding-left: 32px; margin-top: 12px; } .privacy-policy-page .custom-list li { padding-left: 8px; margin-bottom: 10px; line-height: 26px; font-size: 16px; } .privacy-policy-page .custom-list li::marker { font-weight: 500; } .privacy-policy-page .alphabet-list { list-style: lower-alpha; padding-left: 28px; margin-top: 8px; } .privacy-policy-page .alphabet-list li { margin-bottom: 8px; line-height: 26px; font-size: 16px; text-align: justify; } .privacy-policy-page h3 { margin-top: 28px; margin-bottom: 10px; color: #1a1a1a; font-size: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; } .privacy-policy-page h4 { margin-top: 28px; margin-bottom: 8px; color: #3d4852; font-size: 15px; font-weight: 700; padding-bottom: 6px; border-bottom: 1px solid #f0f0f0; } .privacy-policy-page p { font-size: 15px; margin: 12px 0; line-height: 26px; color: #444; text-align: justify; } .privacy-policy-page a { color: #fc4c02; text-decoration: underline; } .privacy-policy-page a:hover { opacity: 0.8; } .privacy-policy-page span { margin-top: 8px; margin-left: 10px; display: block; font-size: 16px; font-weight: 700; } .privacy-policy-page span a { display: inline-block; margin: 8px 0; } .privacy-policy-page span a span { margin: 4px 12px; display: inline-block; font-weight: 400; font-size: 14px; } @keyframes tv-progress-pulse { 0%, to { opacity: 0.85; box-shadow: 0 0 0 4px rgba(252, 76, 2, 0.18); } 50% { opacity: 1; box-shadow: 0 0 12px rgba(252, 76, 2, 0.5); } } @keyframes tv-shimmer { to { background-position: -200% 0; } } .tracker-view *, .tracker-view :after, .tracker-view :before { box-sizing: border-box; border-width: 0; border-style: solid; } .sp-gallery-slide { width: min(60%, 640px); } @media (min-width: 768px) { .sp-gallery-slide { width: min(44%, 640px); } } .sp-gallery-zoom { position: absolute; top: 8px; right: 8px; width: 26px; height: 26px; border-radius: 999px; color: #fff; background: rgba(0, 0, 0, 0.42); pointer-events: none; } .pv-confirm-zoom, .sp-gallery-zoom { display: flex; align-items: center; justify-content: center; } .pv-confirm-zoom { position: fixed; inset: 0; z-index: 10000; padding: 4vw; } .pv-confirm-zoom__scrim { position: absolute; inset: 0; border: 0; padding: 0; background: rgba(0, 0, 0, 0.82); cursor: zoom-out; } .pv-confirm-zoom__img { position: relative; max-width: min(92vw, 900px); max-height: 90vh; -o-object-fit: contain; object-fit: contain; border-radius: 8px; pointer-events: none; } /*! 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: 0.67em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, 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; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } 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; } summary { display: list-item; } [hidden], template { display: none; } .leaflet-image-layer, .leaflet-layer, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-pane, .leaflet-pane > canvas, .leaflet-pane > svg, .leaflet-tile, .leaflet-tile-container, .leaflet-zoom-box { position: absolute; left: 0; top: 0; } .leaflet-container { overflow: hidden; } .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; } .leaflet-tile::-moz-selection { background: transparent; } .leaflet-tile::selection { background: transparent; } .leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; } .leaflet-safari .leaflet-tile-container { width: 1600px; height: 1600px; -webkit-transform-origin: 0 0; } .leaflet-marker-icon, .leaflet-marker-shadow { display: block; } .leaflet-container .leaflet-overlay-pane svg { max-width: none !important; max-height: none !important; } .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer { max-width: none !important; max-height: none !important; width: auto; padding: 0; } .leaflet-container img.leaflet-tile { mix-blend-mode: plus-lighter; } .leaflet-container.leaflet-touch-zoom { touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { touch-action: none; touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { touch-action: none; } .leaflet-container { -webkit-tap-highlight-color: transparent; } .leaflet-container a { -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); } .leaflet-tile { filter: inherit; visibility: hidden; } .leaflet-tile-loaded { visibility: inherit; } .leaflet-zoom-box { width: 0; height: 0; box-sizing: border-box; z-index: 800; } .leaflet-overlay-pane svg { -moz-user-select: none; } .leaflet-pane { z-index: 400; } .leaflet-tile-pane { z-index: 200; } .leaflet-overlay-pane { z-index: 400; } .leaflet-shadow-pane { z-index: 500; } .leaflet-marker-pane { z-index: 600; } .leaflet-tooltip-pane { z-index: 650; } .leaflet-popup-pane { z-index: 700; } .leaflet-map-pane canvas { z-index: 100; } .leaflet-map-pane svg { z-index: 200; } .leaflet-vml-shape { width: 1px; height: 1px; } .lvml { behavior: url(#default#VML); display: inline-block; position: absolute; } .leaflet-control { position: relative; z-index: 800; pointer-events: visiblePainted; pointer-events: auto; } .leaflet-bottom, .leaflet-top { position: absolute; z-index: 1000; pointer-events: none; } .leaflet-top { top: 0; } .leaflet-right { right: 0; } .leaflet-bottom { bottom: 0; } .leaflet-left { left: 0; } .leaflet-control { float: left; clear: both; } .leaflet-right .leaflet-control { float: right; } .leaflet-top .leaflet-control { margin-top: 10px; } .leaflet-bottom .leaflet-control { margin-bottom: 10px; } .leaflet-left .leaflet-control { margin-left: 10px; } .leaflet-right .leaflet-control { margin-right: 10px; } .leaflet-fade-anim .leaflet-popup { opacity: 0; transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; } .leaflet-zoom-animated { transform-origin: 0 0; } svg.leaflet-zoom-animated { will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); } .leaflet-pan-anim .leaflet-tile, .leaflet-zoom-anim .leaflet-tile { transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; } .leaflet-interactive { cursor: pointer; } .leaflet-grab { cursor: grab; } .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { cursor: crosshair; } .leaflet-control, .leaflet-popup-pane { cursor: auto; } .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { cursor: move; cursor: grabbing; } .leaflet-image-layer, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-pane > svg path, .leaflet-tile-container { pointer-events: none; } .leaflet-image-layer.leaflet-interactive, .leaflet-marker-icon.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path { pointer-events: visiblePainted; pointer-events: auto; } .leaflet-container { background: #ddd; outline-offset: 1px; } .leaflet-container a { color: #0078a8; } .leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255, 255, 255, 0.5); } .leaflet-container { font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 12px; font-size: 0.75rem; line-height: 1.5; } .leaflet-bar { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); border-radius: 4px; } .leaflet-bar a { background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; } .leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; } .leaflet-bar a:focus, .leaflet-bar a:hover { background-color: #f4f4f4; } .leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; } .leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; } .leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; } .leaflet-touch .leaflet-bar a:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .leaflet-touch .leaflet-bar a:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .leaflet-control-zoom-in, .leaflet-control-zoom-out { font: 700 18px Lucida Console, Monaco, monospace; text-indent: 1px; } .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { font-size: 22px; } .leaflet-control-layers { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); background: #fff; border-radius: 5px; } .leaflet-control-layers-toggle { background-image: url(/_next/static/media/layers.ef6db872.png); width: 36px; height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { background-image: url(/_next/static/media/layers-2x.9859cd12.png); background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; } .leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff; } .leaflet-control-layers-scrollbar { overflow-y: scroll; overflow-x: hidden; padding-right: 5px; } .leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; } .leaflet-control-layers label { display: block; font-size: 13px; font-size: 1.08333em; } .leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px; } .leaflet-default-icon-path { background-image: url(/_next/static/media/marker-icon.d577052a.png); } .leaflet-container .leaflet-control-attribution { background: #fff; background: rgba(255, 255, 255, 0.8); margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { padding: 0 5px; color: #333; line-height: 1.4; } .leaflet-control-attribution a { text-decoration: none; } .leaflet-control-attribution a:focus, .leaflet-control-attribution a:hover { text-decoration: underline; } .leaflet-attribution-flag { display: inline !important; vertical-align: baseline !important; width: 1em; height: 0.6669em; } .leaflet-left .leaflet-control-scale { margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; } .leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; white-space: nowrap; box-sizing: border-box; background: rgba(255, 255, 255, 0.8); text-shadow: 1px 1px #fff; } .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; } .leaflet-touch .leaflet-bar, .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers { box-shadow: none; } .leaflet-touch .leaflet-bar, .leaflet-touch .leaflet-control-layers { border: 2px solid rgba(0, 0, 0, 0.2); background-clip: padding-box; } .leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px; } .leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 12px; } .leaflet-popup-content { margin: 13px 24px 13px 20px; line-height: 1.3; font-size: 13px; font-size: 1.08333em; min-height: 1px; } .leaflet-popup-content p { margin: 1.3em 0; } .leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-top: -1px; margin-left: -20px; overflow: hidden; pointer-events: none; } .leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; pointer-events: auto; transform: rotate(45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: white; color: #333; box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); } .leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0; right: 0; border: none; text-align: center; width: 24px; height: 24px; font: 16px/24px Tahoma, Verdana, sans-serif; color: #757575; text-decoration: none; background: transparent; } .leaflet-container a.leaflet-popup-close-button:focus, .leaflet-container a.leaflet-popup-close-button:hover { color: #585858; } .leaflet-popup-scrolled { overflow: auto; } .leaflet-oldie .leaflet-popup-content-wrapper { -ms-zoom: 1; } .leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678); } .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; } .leaflet-div-icon { background: #fff; border: 1px solid #666; } .leaflet-tooltip { position: absolute; padding: 6px; background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #222; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); } .leaflet-tooltip.leaflet-interactive { cursor: pointer; pointer-events: auto; } .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before, .leaflet-tooltip-top:before { position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: ""; } .leaflet-tooltip-bottom { margin-top: 6px; } .leaflet-tooltip-top { margin-top: -6px; } .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { left: 50%; margin-left: -6px; } .leaflet-tooltip-top:before { bottom: 0; margin-bottom: -12px; border-top-color: #fff; } .leaflet-tooltip-bottom:before { top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: #fff; } .leaflet-tooltip-left { margin-left: -6px; } .leaflet-tooltip-right { margin-left: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { top: 50%; margin-top: -6px; } .leaflet-tooltip-left:before { right: 0; margin-right: -12px; border-left-color: #fff; } .leaflet-tooltip-right:before { left: 0; margin-left: -12px; border-right-color: #fff; } @media print { .leaflet-control { -webkit-print-color-adjust: exact; print-color-adjust: exact; } } .idle-chibi-visitors { position: fixed; inset: 0; z-index: 120; pointer-events: none; } .idle-chibi-visitors__visitor { position: fixed; left: 0; border: none; background: rgba(0, 0, 0, 0); padding: 0; cursor: pointer; pointer-events: auto; transition-property: transform; transition-timing-function: linear; } .idle-chibi-visitors__flip { display: block; transform-origin: center bottom; } .idle-chibi-visitors__flip--flipped { transform: scaleX(-1); } .idle-chibi-visitors__bob { display: block; animation: idleChibiBob 0.62s ease-in-out infinite alternate; } .idle-chibi-visitors__image { display: block; width: 100%; height: auto; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; filter: drop-shadow(0 10px 10px rgba(0, 0, 0, 0.15)); } .idle-chibi-visitors__speech { position: absolute; left: 50%; bottom: calc(100% - 6px); transform: translateX(-50%); background: #fff; color: #2a2a2a; border-radius: 999px; padding: 8px 12px; font-size: 13px; font-weight: 700; white-space: nowrap; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); } .idle-chibi-visitors__speech:after { content: ""; position: absolute; left: 50%; bottom: -6px; width: 12px; height: 12px; background: #fff; transform: translateX(-50%) rotate(45deg); } @keyframes idleChibiBob { 0% { transform: translateY(0); } to { transform: translateY(-8px); } } .snackbar-wrapper { position: fixed; top: 72px; left: 50%; transform: translateX(-50%); z-index: 9999; flex-direction: column; gap: 8px; pointer-events: none; max-width: 600px; padding: 0 24px; } .snackbar, .snackbar-wrapper { display: flex; width: 100%; box-sizing: border-box; } .snackbar { align-items: center; gap: 16px; padding: 12px 16px; border-radius: 10px; color: #fff; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15); font-size: 14px; font-weight: 500; line-height: 1.4; pointer-events: auto; will-change: transform, opacity; } .snackbar-success { background: #41b774; } .snackbar-error { background: #e53935; } .snackbar-icon { flex-shrink: 0; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; } .snackbar-message { flex: 1; color: #fff; margin: 0; word-break: break-word; } .snackbar-show { animation: slideInDown 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; } .snackbar-hide { animation: slideOutUp 0.3s cubic-bezier(0.4, 0, 1, 1) forwards; } @keyframes slideInDown { 0% { opacity: 0; transform: translateY(-100px); filter: blur(2px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } @keyframes slideOutUp { 0% { opacity: 1; transform: translateY(0); filter: blur(0); } to { opacity: 0; transform: translateY(-60px); filter: blur(1px); } } .afk-tv { position: fixed; inset: 0; z-index: 2147483000; pointer-events: none; overflow: hidden; } .afk-tv__desat, .afk-tv__flicker, .afk-tv__glitch, .afk-tv__noise, .afk-tv__scanlines, .afk-tv__vignette { position: absolute; inset: 0; } .afk-tv__desat { backdrop-filter: grayscale(1) contrast(1.35) brightness(0.88); } .afk-tv__scanlines { background: repeating-linear-gradient( 180deg, rgba(0, 0, 0, 0.22) 0, rgba(0, 0, 0, 0.22) 1px, transparent 0, transparent 3px ); opacity: 0.7; animation: afk-tv-roll 8s linear infinite; } .afk-tv__vignette { background: radial-gradient( ellipse at center, transparent 48%, rgba(0, 0, 0, 0.6) 100% ); } .afk-tv__flicker { background: #fff; opacity: 0; mix-blend-mode: overlay; animation: afk-tv-flicker 3.5s steps(1) infinite; } .afk-tv__noise { background-image: url("data:image/svg+xml;utf8,"); background-size: 180px 180px; mix-blend-mode: overlay; opacity: 0.12; animation: afk-tv-noise 0.5s steps(4) infinite; } .afk-tv__glitch { background: repeating-linear-gradient( 180deg, transparent 0, transparent 8px, rgba(255, 255, 255, 0.05) 0, rgba(255, 255, 255, 0.05) 10px, rgba(0, 0, 0, 0.35) 0, rgba(0, 0, 0, 0.35) 12px, transparent 0, transparent 22px ); background-size: 100% 22px; mix-blend-mode: overlay; opacity: 0; animation: afk-tv-glitch 2.4s steps(1) infinite; } .afk-tv--interactive { pointer-events: auto; cursor: pointer; } .afk-tv__hint { position: absolute; left: 50%; bottom: 8%; transform: translateX(-50%); color: hsla(0, 0%, 100%, 0.92); font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8); animation: afk-tv-hint-blink 1.4s ease-in-out infinite; } .afk-tv-floating { position: fixed; left: 16px; bottom: 16px; width: 140px; z-index: 90; display: block; cursor: pointer; animation: afk-tv-float 4s ease-in-out infinite; } .afk-tv-floating__img { display: block; width: 100%; height: auto; } @media (max-width: 640px) { .afk-tv-floating { left: 10px; bottom: 10px; width: 60px; } } @keyframes afk-tv-roll { 0% { transform: translateY(0); } to { transform: translateY(3px); } } @keyframes afk-tv-flicker { 0%, 97%, to { opacity: 0; } 97.5% { opacity: 0.05; } 98.5% { opacity: 0.02; } 99.5% { opacity: 0.06; } } @keyframes afk-tv-noise { 0% { transform: translate(0); } 25% { transform: translate(-6px, 4px); } 50% { transform: translate(5px, -5px); } 75% { transform: translate(-4px, -3px); } to { transform: translate(6px, 5px); } } @keyframes afk-tv-glitch { 0%, 10%, 43%, 60%, 78%, to { opacity: 0; transform: translateX(0) scaleY(1); } 11% { opacity: 1; transform: translateX(-14px) scaleY(1.06); } 13% { opacity: 0.4; transform: translateX(10px); } 15% { opacity: 0; } 44% { opacity: 1; transform: translateX(16px) scaleY(0.94); } 46% { opacity: 0; } 61% { opacity: 1; transform: translateX(-9px); } 62% { opacity: 0.6; transform: translateX(7px); } 64% { opacity: 0; } } @keyframes afk-tv-float { 0%, to { transform: translateY(0); } 50% { transform: translateY(-12px); } } @keyframes afk-tv-hint-blink { 0%, to { opacity: 0.35; } 50% { opacity: 1; } } @media (prefers-reduced-motion: reduce) { .afk-tv__flicker, .afk-tv__glitch, .afk-tv__hint, .afk-tv__noise, .afk-tv__scanlines { animation: none !important; } .afk-tv__flicker, .afk-tv__glitch { opacity: 0; } .afk-tv__noise { opacity: 0.06; } .afk-tv-floating { animation: none !important; } } .stock-progress { display: flex; align-items: center; gap: 8px; position: relative; } .stock-progress__icon { position: absolute; left: -6px; top: -2px; height: 24px; z-index: 1; } .stock-progress__bar { position: relative; width: 100%; height: 14px; background: #b6b6b7; border-radius: 4px; overflow: hidden; padding: 2px; } .stock-progress__bar-fill { height: 100%; background: linear-gradient( to right, var(--primary-color), var(--secondary-color) ); border-radius: 4px; transition: width 0.4s ease; width: var(--progress-width, 0); } .stock-progress__label { font-size: 10px; font-weight: 700; color: #fff; position: absolute; left: 20px; height: 100%; display: flex; align-items: center; } .stock-progress--large .stock-progress__icon { left: -7px; height: 30px; top: -2px; } .stock-progress--large .stock-progress__label { font-size: 12px; left: 28px; } .stock-progress--large .stock-progress__bar { height: 22px; } .stock-progress--flash-sale .stock-progress__icon { top: -4px; left: -4px; } .stock-progress--flash-sale.stock-progress--large .stock-progress__icon { top: -4px; left: -12px; } .paymentMethodModal { border-radius: 16px; display: flex; flex-direction: column; box-sizing: border-box; padding: 0; width: 100%; max-width: 640px; min-height: 540px; } .paymentMethodModal.extend { max-width: 1200px; } .paymentMethodModal__overlay { z-index: 2147483645; } .paymentMethodModal > div { flex-grow: 1; display: flex; flex-direction: column; } .paymentMethodModal__header { display: flex; align-items: center; justify-content: flex-end; padding: 16px 32px; } .paymentMethodModal__header__title { font-size: 16px; font-weight: 700; color: #565252; display: block; margin: auto; text-align: center; } .paymentMethodModal__header__close { background: rgba(0, 0, 0, 0); border: none; color: #565252; padding: 0; font-size: 20px; margin: 0; cursor: pointer; } .paymentMethodModal__content { padding: 0 16px 32px; max-width: 480px; margin: 0 auto; flex-grow: 1; gap: 24px; display: flex; flex-direction: column; justify-content: space-between; width: 100%; box-sizing: border-box; } .paymentMethodModal__content.extend { padding: 0; max-width: none; } .paymentMethodModal__content__method { display: flex; justify-content: center; margin-bottom: 16px; } @media (max-width: 1024px) { .paymentMethodModal__content__method { margin-bottom: 8px; } } .paymentMethodModal__content__method__label { flex-grow: 1; margin: 0 auto; } .paymentMethodModal__content__method__label span { font-size: 14px; display: block; text-align: center; padding: 12px; background: #d1d3d4; color: #565252; cursor: pointer; } .paymentMethodModal__content__method__label:first-child span { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .paymentMethodModal__content__method__label:last-child span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .paymentMethodModal__content__method__label input:checked + span { background: #fc4c02; color: #fff; } .paymentMethodModal__content__notice { margin-top: 16px; } .paymentMethodModal__content__notice__header { font-size: 16px; font-weight: 700; color: #565252; margin-bottom: 4px; display: block; } .paymentMethodModal__content__notice ol { margin-top: 16px; border: 1px solid #d1d3d4; border-radius: 4px; padding: 8px 16px; } .paymentMethodModal__content__notice ol li { color: #565252; margin: 8px 0; font-size: 12px; } .paymentMethodModal__content__notice ol li strong { color: #565252; } .paymentMethodModal__content__dpInput { margin-top: 32px; min-height: 60px; } @media (max-width: 1024px) { .paymentMethodModal__content__dpInput { margin-top: 16px; } } .paymentMethodModal__content__dpInput__min-dp { color: #a2a2a2; font-size: 16px; text-align: center; margin-top: 4px; display: block; } .paymentMethodModal__content__dpInput__notice { color: #fc4c02; font-size: 14px; display: block; text-align: center; margin-top: 4px; } .paymentMethodModal__content__dpInput input { border: none; width: 100%; text-align: center; font-size: 32px; color: #565252; } .paymentMethodModal__content__dpInput input:disabled { background: rgba(0, 0, 0, 0); cursor: text; } .paymentMethodModal__content__info { display: flex; flex-direction: column; flex-grow: 1; align-items: center; justify-content: space-evenly; } .paymentMethodModal__content__done { align-items: center; display: flex; flex-direction: column; flex-grow: 1; justify-content: center; text-align: center; } .paymentMethodModal__content__done img { width: 96px; height: 96px; } .paymentMethodModal__content__done__text { margin-top: 48px; display: block; font-size: 18px; color: #565252; } .paymentMethodModal__content__done p { font-size: 16px; color: gray; margin-top: 4px; } .paymentMethodModal__content__done__bigger { font-size: 24px; text-align: center; } .paymentMethodModal__content__done__p { margin-top: 16px !important; } .paymentMethodModal__content__confirmation-warning { display: flex; align-items: center; background: #e8f5e9; border-radius: 16px; padding: 16px; gap: 10px; text-decoration: none; transition: background 0.2s; } .paymentMethodModal__content__confirmation-warning:hover { background: #d7eed8; text-decoration: none; } .paymentMethodModal__content__confirmation-warning__icon { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: #25d366; border-radius: 50%; flex-shrink: 0; } .paymentMethodModal__content__confirmation-warning__icon img { width: 18px; height: 18px; filter: brightness(0) invert(1); } .paymentMethodModal__content__confirmation-warning span { flex: 1; font-size: 12px; line-height: 1.4; color: #333; text-decoration: none; } .paymentMethodModal__content__confirmation-warning__button { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: #25d366; border-radius: 50%; flex-shrink: 0; } .paymentMethodModal__content__confirmation-warning__button img { width: 16px; height: 16px; } .paymentMethodModal__content__buttons { display: flex; } .paymentMethodModal__content__buttons__button { padding: 16px; border-radius: 4px; border: 1px solid #fc4c02; font-weight: 700; background: rgba(0, 0, 0, 0); color: #fc4c02; font-size: 14px; flex-grow: 1; cursor: pointer; transition: background 0.25s, color 0.25s; } .paymentMethodModal__content__buttons__button.primary, .paymentMethodModal__content__buttons__button:hover { background: #fc4c02; color: #fff; } .paymentMethodModal__content__buttons__button:disabled { cursor: not-allowed; background: #d1d3d4; border-color: #d1d3d4; color: #fff; } .paymentMethodModal input[type="radio"] { display: none; } .paymentMethodModal_verification { border-radius: 4px; display: flex; flex-direction: column; box-sizing: border-box; padding: 0; width: 100%; max-width: 640px; } .paymentMethodModal_verification.extend { max-width: 1200px; } .paymentMethodModal_verification__overlay { z-index: 2147483645; } .paymentMethodModal_verification > div { flex-grow: 1; display: flex; flex-direction: column; } .paymentMethodModal_verification__header { display: flex; align-items: center; padding: 16px; border-bottom: 1px solid #d1d3d4; } .paymentMethodModal_verification__header__title { font-size: 16px; font-weight: 700; color: #565252; display: block; margin-left: auto; text-align: center; } .paymentMethodModal_verification__header__close { background: rgba(0, 0, 0, 0); border: none; color: #565252; padding: 0; font-size: 16px; margin: 0 0 0 auto; cursor: pointer; } .paymentMethodModal_verification__content { padding: 0 16px 32px; max-width: 480px; margin: 0 auto; flex-grow: 1; gap: 24px; display: flex; flex-direction: column; justify-content: space-between; width: 100%; box-sizing: border-box; } .paymentMethodModal_verification__content.extend { padding: 0; max-width: none; } .paymentMethodModal_verification__content__method { display: flex; justify-content: center; margin-bottom: 16px; } @media (max-width: 1024px) { .paymentMethodModal_verification__content__method { margin-bottom: 8px; } } .paymentMethodModal_verification__content__method__label { flex-grow: 1; margin: 0 auto; } .paymentMethodModal_verification__content__method__label span { font-size: 14px; display: block; text-align: center; padding: 12px; background: #d1d3d4; color: #565252; cursor: pointer; } .paymentMethodModal_verification__content__method__label:first-child span { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .paymentMethodModal_verification__content__method__label:last-child span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .paymentMethodModal_verification__content__method__label input:checked + span { background: #fc4c02; color: #fff; } .paymentMethodModal_verification__content__notice { margin-top: 16px; } .paymentMethodModal_verification__content__notice__header { font-size: 16px; font-weight: 700; color: #565252; margin-bottom: 4px; display: block; } .paymentMethodModal_verification__content__notice ol { margin-top: 16px; border: 1px solid #d1d3d4; border-radius: 4px; padding: 8px 16px; } .paymentMethodModal_verification__content__notice ol li { color: #565252; margin: 8px 0; font-size: 12px; } .paymentMethodModal_verification__content__notice ol li strong { color: #565252; } .paymentMethodModal_verification__content__dpInput { margin-top: 32px; } @media (max-width: 1024px) { .paymentMethodModal_verification__content__dpInput { margin-top: 16px; } } .paymentMethodModal_verification__content__dpInput__min-dp { color: #a2a2a2; font-size: 16px; text-align: center; margin-top: 4px; display: block; } .paymentMethodModal_verification__content__dpInput__notice { color: #fc4c02; font-size: 14px; display: block; text-align: center; margin-top: 4px; } .paymentMethodModal_verification__content__dpInput input { border: none; width: 100%; text-align: center; font-size: 32px; color: #565252; } .paymentMethodModal_verification__content__dpInput input:disabled { background: rgba(0, 0, 0, 0); cursor: text; } .paymentMethodModal_verification__content__done { align-items: center; display: flex; flex-direction: column; flex-grow: 1; justify-content: center; text-align: center; } .paymentMethodModal_verification__content__done img { width: 96px; height: 96px; } .paymentMethodModal_verification__content__done__text { margin-top: 48px; display: block; font-size: 18px; color: #565252; } .paymentMethodModal_verification__content__done p { font-size: 16px; color: gray; margin-top: 4px; } .paymentMethodModal_verification__content__done__bigger { font-size: 24px; text-align: center; } .paymentMethodModal_verification__content__done__p { margin-top: 16px !important; } .paymentMethodModal_verification__content__buttons { display: flex; } .paymentMethodModal_verification__content__buttons__button { padding: 16px; border-radius: 4px; border: 1px solid #fc4c02; font-weight: 700; background: rgba(0, 0, 0, 0); color: #fc4c02; font-size: 14px; flex-grow: 1; cursor: pointer; transition: background 0.25s, color 0.25s; } .paymentMethodModal_verification__content__buttons__button.primary, .paymentMethodModal_verification__content__buttons__button:hover { background: #fc4c02; color: #fff; } .paymentMethodModal_verification__content__buttons__button:disabled { cursor: not-allowed; background: #d1d3d4; border-color: #d1d3d4; color: #fff; } .paymentMethodModal_verification input[type="radio"] { display: none; } .product-view { width: 100%; display: flex; flex-direction: row; align-items: flex-start; } .product-view__content { width: 100%; background: #fff; padding: 24px; box-shadow: 0 0 4px 0 rgba(14, 14, 14, 0.1); border-radius: 4px; display: grid; grid-template-columns: repeat(2, 1fr); -moz-column-gap: 24px; column-gap: 24px; position: relative; } .product-view__content--no-image { grid-template-columns: repeat(1, 1fr); max-width: 720px; margin-left: auto; margin-right: auto; } .product-view__content--simplified .detail { display: grid; grid-template-columns: 72px 1fr; -moz-column-gap: 14px; column-gap: 14px; } @media (min-width: 1024px) { .product-view__content--simplified .detail { grid-template-columns: 88px 1fr; -moz-column-gap: 16px; column-gap: 16px; } } .product-view__content--simplified .product-view__content__status { grid-column: 1/-1; grid-row: 1; } .product-view__content--simplified .edit_item_name_input_field, .product-view__content--simplified .product-view__content__title { grid-column: 2; grid-row: 2; margin: 2px 0 0; } .product-view__content--simplified .product-view__content__manu { grid-column: 2; grid-row: 3; margin-top: 4px; margin-bottom: 14px; } .product-view__content--simplified .product-view__content__confirm-thumb { grid-column: 1; grid-row: 2 / span 2; align-self: start; display: block; padding: 0; cursor: zoom-in; overflow: hidden; width: 72px; height: 72px; border-radius: 8px; background: var(--sp-primary-wash, #f7f7f7); border: 1px solid var(--sp-primary-line, #e5e7eb); } .product-view__content--simplified .product-view__content__confirm-thumb img { display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } @media (min-width: 1024px) { .product-view__content--simplified .product-view__content__confirm-thumb { width: 88px; height: 88px; } } .product-view__content--simplified .deadline { font-weight: 700; color: var(--sp-secondary, #fc4c02); } .product-view__content--simplified .product-view__content__dp-fp-table, .product-view__content--simplified .product-view__content__release-eta { border-radius: 8px; background: var(--sp-primary-wash, #fdf6f2); border: 1px solid var(--sp-primary-line, #f3ddd0); overflow: hidden; } .product-view__content--simplified .product-view__content__release-eta { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin: 8px 0 0; } .product-view__content--simplified .product-view__content__release-eta > div { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 12px 16px; } .product-view__content--simplified .product-view__content__release-eta .eta:not(.release-eta__note) { border-left: 1px solid var(--sp-primary-line, #f3ddd0); } .product-view__content--simplified .product-view__content__release-eta .release-eta__note { grid-column: 1/-1; border-top: 1px solid var(--sp-primary-line, #f3ddd0); padding-top: 10px; } .product-view__content--simplified .product-view__content__release-eta .key { font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #9a8b82; } .product-view__content--simplified .product-view__content__release-eta .value { font-size: 15px; font-weight: 700; color: #565252; letter-spacing: 0; } .product-view__content--simplified .product-view__content__dp-fp-table { display: grid; grid-template-columns: 1fr 1fr; margin: 4px 0 0; } .product-view__content--simplified .product-view__content__dp-fp-table .dp, .product-view__content--simplified .product-view__content__dp-fp-table .fp { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 12px 16px; border: 0; } .product-view__content--simplified .product-view__content__dp-fp-table .fp { border-left: 1px solid var(--sp-primary-line, #f3ddd0); } .product-view__content--simplified .product-view__content__dp-fp-table .fp.desktopOnly { display: flex; } .product-view__content--simplified .product-view__content__dp-fp-table .key { font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #9a8b82; } .product-view__content--simplified .product-view__content__dp-fp-table .value { font-size: 15px; font-weight: 700; color: #565252; } .product-view__content--simplified .product-view__content__section-label { margin: 20px 0 0; font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #9a8b82; } .product-view__content--simplified .product-view__content__details { margin-top: 24px; padding-top: 20px; border-top: 1px solid #d1d3d4; } .product-view__content--simplified .variant-picker { margin-top: 24px; } .product-view__content--simplified.product-view__content .product-view__content__qty { display: flex; align-items: center; gap: 4px; margin: 16px 0; } .product-view__content--simplified.product-view__content .product-view__content__qty .label { font-size: 14px; font-weight: 700; color: #565252; } .product-view__content--simplified.product-view__content .product-view__content__qty button { width: 34px; height: 34px; padding: 0; font-size: 18px; border: 1px solid #d1d3d4; border-radius: 6px; background: #fff; } .product-view__content--simplified.product-view__content .product-view__content__qty button:disabled { color: #a2a2a2; background: #f7f7f7; border-color: #e0e0e0; cursor: not-allowed; } .product-view__content--simplified.product-view__content .product-view__content__qty input[type="number"] { width: 52px; padding: 6px 0; text-align: center; border: 1px solid #d1d3d4; border-radius: 6px; } .product-view__content__submit-info { margin-top: 8px; padding: 8px; background: #fc4c02; border-radius: 4px; color: #fff; font-weight: 700; border: 1px solid #fc4c02; cursor: pointer; } .product-view__content__submit-info:hover { background: #b72009; border-color: #b72009; } .product-view__content__submit-info:disabled { cursor: not-allowed; background: #d1d3d4; border-color: #d1d3d4; color: #fff; } .product-view__content__submit-info--secondary { background: #fff7f2; border-color: #f7c6b0; color: #b72009; } .product-view__content__submit-info--secondary:hover { background: #fee7db; border-color: #f2a783; } .product-view__content__submit-info--secondary:disabled { background: #f5f5f5; border-color: #d1d3d4; color: #a2a2a2; } .product-view__content__additionalInfo__input { margin-bottom: 16px; display: block; } .product-view__content__additionalInfo__input:last-child { margin-bottom: 0; } .product-view__content__additionalInfo__input__label { font-size: 16px; color: gray; display: block; margin-bottom: 4px; } .product-view__content__additionalInfo__input__field { border: none; padding: 0; color: #fc4c02; font-size: 24px; font-weight: 700; text-align: inherit; } @media (max-width: 1024px) { .product-view__content { width: 100%; grid-template-columns: repeat(1, 1fr); padding: 0; border-radius: 0; } .product-view__content__divider .desktop-only { display: none; } .product-view__content__divider { position: relative; margin: 0 -16px; border: 0 !important; height: 8px; background: #f7f7f7; box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1); } .product-view__content__item-detail { display: flex; flex-direction: column-reverse; } } .product-view__content__header { display: flex; align-items: flex-start; } .product-view__content__header .detail { flex-grow: 1; } @media (max-width: 1024px) { .product-view__content__header { flex-direction: column; } } .product-view__content__title { font-size: 24px; line-height: normal; } @media (max-width: 1024px) { .product-view__content__title { font-size: 12px; line-height: 1.67; } } .product-view__content__manu { font-size: 14px; margin-top: 4px; color: gray; font-weight: 400; margin-bottom: 20px; line-height: normal; letter-spacing: -0.18px; display: flex; justify-content: space-between; flex-direction: column; } .product-view__content__manu .manufacturer-link { color: inherit; text-decoration: none; font-weight: inherit; } .product-view__content__manu .manufacturer-link:active, .product-view__content__manu .manufacturer-link:focus, .product-view__content__manu .manufacturer-link:visited { color: inherit; text-decoration: none; } .product-view__content__manu .manufacturer-link:hover { color: inherit; text-decoration: underline; } .product-view__content__manu__rack { font-size: 24px; font-weight: 700; text-align: right; } @media (max-width: 1024px) { .product-view__content__manu__rack { text-align: left; font-size: 18px; } } .product-view__content__manu__rack.withInput { display: flex; justify-content: flex-end; } @media (max-width: 1024px) { .product-view__content__manu__rack.withInput { justify-content: flex-start; } } .product-view__content__manu__rack.smaller { font-size: 16px; } .product-view__content__manu__rack.leftSide { text-align: left; } .product-view__content__manu__rack.leftSide.withInput { justify-content: flex-start; } .product-view__content__manu__rack__input { border: 0; resize: none; color: #fc4c02; font-weight: 700; text-align: right; margin-bottom: 8px; padding: 0 8px; box-sizing: border-box; } .product-view__content__manu__rack__input.leftSide { text-align: left; } .product-view__content__manu__rack__select-rack { border: none; padding: 0; font-weight: 700; color: #fc4c02; } .product-view__content hr { border: 0.5px solid #d1d3d4; } .product-view__content__status { font-size: 14px; font-weight: 700; margin-bottom: 8px; display: flex; align-items: center; line-height: 0.86; letter-spacing: -0.23px; } .product-view__content__status.partner { margin-top: 14px; margin-bottom: 8px; } @media (max-width: 1024px) { .product-view__content__status.partner { margin-top: 8px; } .product-view__content__status { line-height: 1.2; letter-spacing: -0.17px; font-size: 14px; } } .product-view__content__status .deadline { margin-left: 12px; color: #657996; font-size: 14px; line-height: 1.33; } @media (max-width: 1024px) { .product-view__content__status .deadline { font-size: 12px; } } .product-view__content__status .product-view__content__share { margin-left: auto; line-height: 0.86; letter-spacing: -0.23px; } @media (max-width: 1024px) { .product-view__content__status .product-view__content__share { display: none; } } .product-view__content__status .status { color: #fff; padding: 6px 16px; border-radius: 32px; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; margin-right: 4px; text-decoration: none; } .product-view__content__status .status:last-child { margin-right: 0; } @media (max-width: 1024px) { .product-view__content__status .status { padding: 4px 8px; font-size: 12px; } } .product-view__content__status .ready { background: #41b774; } .product-view__content__status .lpo { background: #d3647a; } .product-view__content__status .po { background: #657996; } .product-view__content__status .bo { background: #996291; } .product-view__content__status .so { background: #414042; } .product-view__content__status .preview-only { background: #5fc7c9; } .product-view__content__status .partner { background: #fc4c02; } .product-view__content__share { position: relative; margin-bottom: 0; } @media (max-width: 1024px) { .product-view__content__share { margin-top: 0; } } .product-view__content__share .shareButton { border: 1px solid #d1d3d4; background: none; color: gray; text-align: center; display: inline-flex; padding: 6px 14px; height: auto; width: auto; align-items: center; border-radius: 4px; font-size: 12px; line-height: 1.17; } @media (max-width: 1024px) { .product-view__content__share .shareButton { width: 100%; height: 46px; border-color: #d1d3d4; } } .product-view__content__share .shareButton span { color: inherit; background-color: #fff; } .product-view__content__share .shareButton:focus, .product-view__content__share .shareButton:hover { background: #565252; color: #fff; } .product-view__content__share .shareButton:focus img, .product-view__content__share .shareButton:hover img { filter: brightness(0) invert(1); } .product-view__content__share .shareButton:focus span, .product-view__content__share .shareButton:hover span { background-color: #565252; color: #fff; } .product-view__content__share .shareButton img { width: 12px; height: 12px; -o-object-fit: contain; object-fit: contain; margin-right: 6px; } @media (max-width: 1024px) { .product-view__content__share .shareButton img { margin-right: 0; width: 18px; height: 18px; } .product-view__content__share .shareButton span { display: none; } } .product-view__content__share .sharer { display: none; position: absolute; } .product-view__content__share .sharer.active { display: flex; background: #fff; padding: 8px; border-radius: 4px; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2); border: 1px solid #d1d3d4; margin-top: 4px; right: 0; } @media (max-width: 1024px) { .product-view__content__share .sharer.active { right: auto; left: 0; bottom: 66px; } } .product-view__content__share .sharer a { text-decoration: none; padding: 4px; border-radius: 8px; border: 1px solid #fc4c02; margin-left: 8px; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; } @media (max-width: 1024px) { .product-view__content__share .sharer a { margin-left: 0; margin-right: 8px; } } .product-view__content__share .sharer a img { width: 24px; height: 24px; border-radius: 5px; -o-object-fit: contain; object-fit: contain; } .product-view__content__share .sharer a:hover { background-color: #fc4c02; } .product-view__content__share .sharer a:hover img { filter: brightness(0) invert(1); } .product-view__content__image { width: 100%; height: auto; } .product-view__content__image img { width: 100%; -o-object-fit: contain; object-fit: contain; height: auto; opacity: 1; transition: opacity 0.15s; border-radius: 4px; } .product-view__content__image img.loading { opacity: 0; } @media (max-width: 1024px) { .product-view__content__image img { border-radius: 0; } .product-view__content__info { padding: 12px 16px; } } .product-view__content__desc h3 { display: none; } @media (max-width: 1024px) { .product-view__content__desc h3 { display: block; font-weight: block; font-size: 14px; margin-bottom: 8px; color: #606060; } } .product-view__content__desc { margin-top: 14px; margin-bottom: 16px; } .product-view__content__desc > div { font-size: 14px; color: #606060; } .product-view__content__desc > div span { color: inherit; line-height: 1.4; } @media (display-mode: standalone) { .product-view__content__desc > div span { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif !important; } } .product-view__content__price-info h3 { margin-top: 14px; display: none; } @media (max-width: 1024px) { .product-view__content__price-info h3 { display: block; line-height: normal; letter-spacing: normal; font-weight: block; font-size: 14px; margin-bottom: 8px; color: #606060; } } .product-view__content__price { margin-top: 14px; font-size: 21px; color: #fc4c02; font-weight: 700; display: flex; align-items: center; font-stretch: normal; line-height: 1.52; letter-spacing: normal; } .product-view__content__price:last-child:not(:first-child) { margin-top: 0; } .product-view__content__price.discount { color: #a2a2a2; text-decoration: line-through; font-size: 16px; } .product-view__content__price.wipeout_other { color: #a2a2a2; font-size: 16px; } @media (max-width: 1024px) { .product-view__content__price { font-size: 18px; margin-top: 8px; line-height: 1.5; } .product-view__content__price .friendship-points { font-size: 14px; line-height: 1.2; letter-spacing: -0.13px; } .product-view__content__price.discount { font-size: 14px; } } .product-view__content__price .friendship-points { font-size: 14px; color: #ff6e40; font-weight: 400; margin-left: 8px; line-height: normal; } .product-view__content__price .idr { color: inherit; font-weight: inherit; } .product-view__content__fp-discount { display: block; font-size: 14px; font-weight: 400; color: #fc4c02; } @media (max-width: 1024px) { .product-view__content__fp-discount { margin-top: 4px; margin-bottom: 12px; } } .product-view__content__partner-discount { display: block; font-size: 14px; font-weight: 400; margin-top: 4px; color: #565252; } @media (max-width: 1024px) { .product-view__content__partner-discount { margin-top: 8px; margin-bottom: 12px; font-size: 12px; } } .product-view__content__fp { display: block; margin-top: 8px; color: #fc4c02; font-size: 14px; } @media (min-width: 1025px) { .product-view__content__fp { display: none; } } .product-view__content__dp { display: block; margin-top: 8px; color: #565252; font-size: 14px; } @media (min-width: 1025px) { .product-view__content__dp { display: none; } } .product-view__content__deadline { display: block; margin-top: 16px; font-size: 14px; font-weight: 700; color: #fc4c02; } @media (min-width: 1025px) { .product-view__content__deadline { display: none; } } .product-view__content__dp-fp-table { margin: 16px 0; display: flex; } @media (max-width: 1024px) { .product-view__content__dp-fp-table { flex-direction: column; margin: 0; } } .product-view__content__dp-fp-table .dp { margin-right: 24px; } @media (max-width: 1024px) { .product-view__content__dp-fp-table .dp { padding-right: 0; margin-right: 0; border-right: 0; display: flex; align-items: center; } } .product-view__content__dp-fp-table .fp { padding-left: 24px; border-left: 1px solid #d1d3d4; } @media (max-width: 1024px) { .product-view__content__dp-fp-table .fp { display: flex; align-items: center; } } .product-view__content__dp-fp-table .key { display: block; font-size: 12px; color: gray; line-height: normal; } @media (max-width: 1024px) { .product-view__content__dp-fp-table .key { flex-grow: 1; margin-bottom: 8px; color: #606060; } } .product-view__content__dp-fp-table .value { display: block; font-size: 14px; margin-top: 8px; color: #606060; line-height: 1.14; } @media (max-width: 1024px) { .product-view__content__dp-fp-table .value { margin-top: 0; font-size: 12px; letter-spacing: -0.2px; margin-bottom: 8px; color: #2a2a2a; } } .product-view__content__release-eta { font-size: 14px; margin-bottom: 8px; } @media (max-width: 1024px) { .product-view__content__release-eta { flex-direction: column; font-size: 12px; } } .product-view__content__release-eta > div { display: flex; margin-bottom: 8px; } .product-view__content__release-eta .key { color: rgba(101, 121, 150, 0.7); line-height: normal; } @media (max-width: 1024px) { .product-view__content__release-eta .key { flex-grow: 1; font-size: 12px; color: #606060; } } .product-view__content__release-eta .value { color: #657996; line-height: normal; } @media (max-width: 1024px) { .product-view__content__release-eta .value { font-size: 12px; letter-spacing: -0.2px; color: #2a2a2a; } .product-view__content__release-eta .divider { display: none; } } .product-view__content__button { width: 100%; margin: 20px auto; display: grid; grid-template-columns: auto 1fr 1fr; -moz-column-gap: 24px; column-gap: 24px; row-gap: 8px; } .product-view__content__button.withContactCS { grid-template-columns: 1fr 1fr 1fr; -moz-column-gap: 12px; column-gap: 12px; } @media (max-width: 1024px) { .product-view__content__button { position: fixed; bottom: 0; background: #fff; left: 0; margin: 0; z-index: 20; padding: 10px 16px; box-sizing: border-box; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2); } .product-view__content__button, .product-view__content__button.withContactCS { -moz-column-gap: 12px; column-gap: 12px; grid-template-columns: 46px auto 1fr; } } @media (max-width: 1024px) and (display-mode: standalone) { .product-view__content__button { bottom: 58px; z-index: 100; } } .product-view__content__button button { background: rgba(0, 0, 0, 0); color: #fff; border: none; border-radius: 4px; font-weight: 700; width: 100%; font-size: 14px; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; cursor: pointer; height: 46px; } .product-view__content__button button > div { background: #b72009; width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .product-view__content__button button > div img { filter: brightness(0) invert(1); width: 24px; } .product-view__content__button button > span { background-color: #fc4c02; flex-grow: 1; height: 46px; display: flex; align-items: center; justify-content: center; border-radius: 8px; color: #fff; padding: 0 4px; } .product-view__content__button button.wishlist { border-radius: 8px; min-width: 128px; } @media (max-width: 1024px) { .product-view__content__button button.wishlist { min-width: 0; } } .product-view__content__button button.wishlist > div { background: rgba(0, 0, 0, 0); border: 1px solid #d1d3d4; border-right: none; box-sizing: border-box; } .product-view__content__button button.wishlist > div img { filter: brightness(0) invert(0.4); padding-left: 12px; height: 21px; } .product-view__content__button button.wishlist.active img { filter: none; } .product-view__content__button button.wishlist.active:hover img { filter: brightness(0) invert(1); } .product-view__content__button button.wishlist > span { box-sizing: border-box; background: rgba(0, 0, 0, 0); border: 1px solid #d1d3d4; border-left: none; color: #565252; border-top-left-radius: 0; border-bottom-left-radius: 0; font-weight: 400; padding-right: 12px; } .product-view__content__button button.wishlist:disabled > div, .product-view__content__button button.wishlist:disabled > span { border: none; } .product-view__content__button button.adminButtons > span { border: 2px solid #fc4c02; background: rgba(0, 0, 0, 0); color: #fc4c02; } .product-view__content__button button.addToCart { grid-column: 2 / span 2; } .product-view__content__button button.addToCart.showcase-cart { grid-column: 3 / span 2 !important; } .product-view__content__button button.addToCart.withContactCS { grid-column: span 1; order: -1; } @media (max-width: 1024px) { .product-view__content__button button.addToCart.withContactCS { grid-column: 1 / span 3; } .product-view__content__button button.addToCart { grid-column: 3 / span 2; } } .product-view__content__button button.showcase-cart span { background-color: #5fc7c9 !important; } @media (max-width: 1024px) { .product-view__content__button button.addStock { grid-column: 1 / span 2; } .product-view__content__button button.setEmpty { grid-column: 4 / span 1; } } .product-view__content__button button.disableItem { grid-column: 2 / span 2; } @media (max-width: 1024px) { .product-view__content__button button.disableItem { grid-column: 2 / span 3; } } .product-view__content__button button.disableItem.span { grid-column: 2 / span 2; } @media (max-width: 1024px) { .product-view__content__button button.disableItem.span { grid-column: 3 / span 2; } } .product-view__content__button button.outsideOrder { grid-column: 2 / span 1; } @media (max-width: 1024px) { .product-view__content__button button.outsideOrder { grid-column: 3 / span 1; } } .product-view__content__button button.contactCS { grid-column: 3 / span 1; } @media (max-width: 1024px) { .product-view__content__button button.contactCS { grid-column: 3 / span 1; } } .product-view__content__button button.contactCS > span { background: #fff; color: #00b14f; border: 1px solid #00b14f; gap: 8px; font-size: 12px; } .product-view__content__button button.contactCS > span img { width: 20px; height: 20px; filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(118deg) brightness(95%) contrast(102%); } .product-view__content__button button.contactCS:hover > span { background: #f0fff5; } .product-view__content__button button.contactCS:active > span { background: #e0ffe8; } .product-view__content__button button:hover > div { background: #b72009; border-color: #b72009; } .product-view__content__button button:hover > div img { filter: brightness(0) invert(1); border: none; } .product-view__content__button button:hover .wishlist-button { background: #b72009; border-color: #b72009; color: #fff; } .product-view__content__button button:hover .wishlist-button span { color: #fff; } .product-view__content__button button:disabled { cursor: not-allowed; } .product-view__content__button button:disabled span, .product-view__content__button button:disabled > div { background: #565252; } .product-view__content__qty { margin: 16px 0; } @media (max-width: 1024px) { .product-view__content__qty { display: none; } } .product-view__content__qty span { font-size: 16px; color: #565252; } .product-view__content__qty span.stock-count { font-size: 12px; color: #fc4c02; margin-left: 16px; } .product-view__content__qty button { font-size: 14px; color: #565252; background: rgba(0, 0, 0, 0); border: none; padding: 8px; box-sizing: border-box; cursor: pointer; } .product-view__content__qty button:disabled { color: rgba(0, 0, 0, 0); cursor: default; } .product-view__content__qty input[type="number"] { padding: 6px 20px; border-radius: 4px; border: 1px solid #d1d3d4; box-sizing: border-box; width: 64px; text-align: center; } .product-view__content__details { margin-top: 16px; } .product-view__content__details li { display: flex; align-items: center; margin-bottom: 12px; } .product-view__content__details li h4 { font-size: 14px; margin-right: 18px; width: 96px; font-weight: 400; color: #606060; line-height: 1.14; letter-spacing: normal; } .product-view__content__details li .info a { font-size: 14px; display: inline-block; padding: 6px 16px; background: hsl(200, 3.3707865169%, 92.5490196078%); border-radius: 16px; color: inherit; color: #565252; box-sizing: border-box; transition: color 0.1s, background 0.1s; line-height: 0.86; letter-spacing: -0.23px; } .product-view__content__details li .info a:hover { background: #fc4c02; color: #fff; text-decoration: none; } .product-view__content__details li.two { display: flex; } .product-view__content__details li.two > div { width: 50%; } .product-view__content__details li.two > div:first-child { margin-right: 10px; box-sizing: border-box; } @media (max-width: 600px) { .product-view__content__details li.two > div:first-child { margin-right: 3px; } } .product-view__content__details li.two > div:last-child { margin-left: 10px; box-sizing: border-box; } @media (max-width: 600px) { .product-view__content__details li.two > div:last-child { margin-left: 3px; } } .product-view__content__details li.two > div .partnerDiscount { font-size: 1.1em; } @media (max-width: 600px) { .product-view__content__details li.two > div .partnerDiscount { font-size: 0.9em; } } @media (max-width: 400px) { .product-view__content__details li.two > div .partnerDiscount { font-size: 0.75em; } } .product-view__modal { margin: 20px 30px; } @media (max-width: 600px) { .product-view__modal { margin: 5px 10px; } } .product-view__modal h2 { font-size: 2em; border-bottom: 2px solid #d1d3d4; text-align: center; padding: 5px 0; } @media (max-width: 600px) { .product-view__modal h2 { font-size: 1.5em; } } @media (max-width: 400px) { .product-view__modal h2 { font-size: 1em; } } .product-view__modal button { background: #fc4c02; border-radius: 7px; color: #fff; font-weight: 700; padding: 5px 10px; display: block; font-size: 1.2em; cursor: pointer; border: 2px solid #fc4c02; } .product-view__modal button:disabled { cursor: not-allowed; } @media (max-width: 600px) { .product-view__modal button { font-size: 1em; padding: 5px; } } @media (max-width: 400px) { .product-view__modal button { font-size: 0.8em; padding: 2px; } } .product-view__modal input[type="number"] { display: block; border: 2px solid #d1d3d4; background: #fff; border-radius: 5px; font-size: 1.2em; padding: 5px; transition: 0.2s; } .product-view__modal input[type="number"]:focus { border-color: #fc4c02; } @media (max-width: 600px) { .product-view__modal input[type="number"] { font-size: 1em; } } @media (max-width: 400px) { .product-view__modal input[type="number"] { font-size: 0.8em; padding: 3px; } } .product-view__modal div, .product-view__modal form { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-top: 10px; } .product-view__modal div button { width: 40%; } @media (max-width: 400px) { .product-view__modal div button { width: 50%; } } .product-view__modal div button:first-child { margin-right: 5px; } @media (max-width: 400px) { .product-view__modal div button:first-child { margin-right: 2px; } } .product-view__modal div button:last-child { margin-left: 5px; } @media (max-width: 400px) { .product-view__modal div button:last-child { margin-left: 2px; } } .product-view__modal form input { margin-right: 5px; width: 40%; } @media (max-width: 400px) { .product-view__modal form input { width: 40%; margin-right: 2px; } } .product-view__modal form button { margin-left: 5px; width: 40%; } @media (max-width: 400px) { .product-view__modal form button { width: 60%; margin-left: 2px; } } @media (min-width: 1025px) { .product-view .mobileOnly { display: none; } } @media (max-width: 1024px) { .product-view .desktopOnly { display: none; } } .share-button { color: #000 !important; } @media (max-width: 1024px) { .share-button { display: none !important; } } @media (min-width: 1025px) { .showcase-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (min-width: 1276px) { .showcase-share .shareButton { width: 128px !important; font-size: 14px; font-weight: 400; } .showcase-share .shareButton img { width: 21px; height: 21px; } } @media (min-width: 1161px) and (max-width: 1275px) { .showcase-share { width: 110px !important; padding: 0 14px !important; } .showcase-share .shareButton { font-size: 14px; font-weight: 400; } .showcase-share .shareButton img { width: 21px; height: 21px; } } @media (min-width: 1025px) and (max-width: 1160px) { .showcase-share { padding: 0 26px; } .showcase-share .shareButton { width: 75px !important; padding: 6px 10px; } } @media (min-width: 1024px) { .showcase-share span { height: 32px !important; } } .showcaseDesc { font-weight: 700; color: #606060; } .showcaseDesc, .showcaseDesc__bottom { font-size: 14px; } .edit_item_name_input_field { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .edit_barcode_input_field, .edit_item_name_input_field { border: 1px solid #000; padding: 0; color: #fc4c02; font-size: 24px; font-weight: 700; text-align: inherit; } .price_container_item_details { display: flex; flex-direction: row; margin-bottom: 12px; } .price_container_item_details > :not(:last-child) { border-right: 1px solid #d1d3d4; padding-right: 12px; margin-right: 12px; } .wipeout_container_margin { margin-top: 8px; } .delay-notification { align-items: center; border: 1px solid #e53935; border-radius: 8px; color: #e53935; cursor: pointer; display: flex; flex-direction: row; font-size: 14px; gap: 6px; padding: 8px 16px; width: -moz-fit-content; width: fit-content; position: relative; transition: color 0.2s ease-in-out; } .delay-notification .hover-text { color: #e53935; display: none; } .delay-notification .default-text { color: #e53935; display: inline; } @media (min-width: 1025px) { .delay-notification.has-multiple:hover .default-text { color: #e53935; display: none; } .delay-notification.has-multiple:hover .hover-text { color: #e53935; display: inline; } } @media (max-width: 1024px) { .delay-notification .hover-text { display: none !important; } } @media (min-width: 1025px) { .delay-notification:after { content: attr(data-tooltip); position: absolute; left: 0; top: 100%; margin-top: 8px; padding: 12px 16px; background: #333; color: #fff; font-size: 12px; border-radius: 8px; white-space: pre-wrap; max-width: 320px; min-width: 280px; z-index: 100; opacity: 0; visibility: hidden; transition: opacity 0.2s, visibility 0.2s; pointer-events: none; line-height: 1.5; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); } .delay-notification:hover:after { opacity: 1; visibility: visible; } } @media (max-width: 1024px) { .delay-notification:after { content: attr(data-tooltip); position: absolute; left: 0; top: 100%; margin-top: 8px; padding: 12px 16px; background: #333; color: #fff; font-size: 12px; border-radius: 8px; white-space: pre-wrap; max-width: calc(100vw - 64px); min-width: 240px; z-index: 100; opacity: 0; visibility: hidden; transition: opacity 0.2s, visibility 0.2s; pointer-events: none; line-height: 1.5; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); } .delay-notification.show-tooltip:after { opacity: 1; visibility: visible; pointer-events: auto; } } .set-empty-log-box { background: #fff5f5; border: 1px solid #e53935; border-radius: 4px; color: #e53935; display: flex; flex-direction: column; gap: 4px; margin: 8px 0 12px; padding: 10px 12px; } .set-empty-log-box__meta { font-size: 12px; font-weight: 700; line-height: 1.4; } .set-empty-log-box__reason { font-size: 13px; line-height: 1.4; white-space: pre-wrap; word-break: break-word; } .voucher-tooltip-trigger { position: relative; display: inline-flex; align-items: center; } .voucher-tooltip-trigger:after { content: attr(data-tooltip); top: calc(100% + 8px); background-color: #fc4c02; color: #fff; padding: 8px 12px; border-radius: 8px; font-size: 11px; white-space: nowrap; box-shadow: 0 4px 12px rgba(252, 76, 2, 0.4); z-index: 100; } .voucher-tooltip-trigger:after, .voucher-tooltip-trigger:before { position: absolute; left: 50%; transform: translateX(-50%); opacity: 0; visibility: hidden; transition: opacity 0.2s ease, visibility 0.2s ease; pointer-events: none; } .voucher-tooltip-trigger:before { content: ""; top: calc(100% + 2px); width: 0; height: 0; border-left: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid rgba(0, 0, 0, 0); border-bottom: 6px solid #fc4c02; z-index: 101; } .voucher-tooltip-trigger:hover:after, .voucher-tooltip-trigger:hover:before { opacity: 1; visibility: visible; } .friendship-points { font-size: 14px; color: #ff6e40; font-weight: 400; line-height: normal; } @keyframes shimmer { 0% { left: -100%; } to { left: 100%; } } .countdown-horizontal-container { position: sticky; top: 64px; z-index: 99; } .countdown-horizontal-container .countdown-horizontal { background: linear-gradient( to bottom, var(--primary-color), var(--secondary-color) ); border-radius: var(--border-radius); color: #fff; padding: 6px; display: flex; align-items: center; justify-content: center; font-weight: 700; gap: 16px; position: relative; overflow: hidden; } .countdown-horizontal-container .countdown-horizontal .countdown-button-promotion { max-width: 300px; height: 32px; background: rgba(0, 0, 0, 0); outline: none; border: none; border-radius: 50px; cursor: pointer; position: relative; overflow: hidden; } .countdown-horizontal-container .countdown-horizontal .countdown-button-promotion:before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.75) 50%, transparent ); animation: shimmer 5s infinite; border-radius: 50px; z-index: 1; pointer-events: none; } .countdown-horizontal-container .countdown-horizontal .countdown-button-promotion img { position: relative; z-index: 0; } .countdown-horizontal-container .countdown-horizontal .countdown-button-mono { max-width: 300px; height: 32px; background: rgba(0, 0, 0, 0); outline: none; border: none; cursor: pointer; position: relative; overflow: hidden; } .countdown-horizontal-container .countdown-horizontal .countdown-button-mono:before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; z-index: 1; pointer-events: none; } .countdown-horizontal-container .countdown-horizontal .countdown-button-mono img { position: relative; z-index: 0; } .countdown-horizontal-container .countdown-horizontal .countdown-message { color: #fff; font-weight: 700; font-size: 20px; } .countdown-horizontal-container .countdown-horizontal .countdown-display { display: flex; align-items: center; gap: 2px; border-radius: 8px; } @media (max-width: 1024px) { .countdown-horizontal-container .countdown-horizontal .countdown-display { gap: 4px; padding: 0 12px; } } .countdown-horizontal-container .countdown-horizontal .countdown-display .time-unit { display: flex; flex-direction: row; gap: 2px; align-items: baseline; background: #392e2c; padding: 2px 4px; border-radius: 4px; } .countdown-horizontal-container .countdown-horizontal .countdown-display .time-unit--day { margin-right: 6px; } .countdown-horizontal-container .countdown-horizontal .countdown-display .time-unit .time-value { color: #fff; font-size: 18px; font-weight: 700; } .countdown-horizontal-container .countdown-horizontal .countdown-display .time-unit .time-label { color: #fff; font-size: 0.875rem; text-transform: uppercase; } .countdown-horizontal-container .countdown-horizontal .countdown-display .time-separator { color: #fff; font-size: 18px; font-size: 1.5rem; font-weight: 700; } @media (max-width: 768px) { .countdown-horizontal-container .countdown-horizontal .countdown-display .time-separator { font-size: 1.2rem; margin: 0 2px; } } @media (max-width: 1024px) { .countdown-horizontal-container .countdown-horizontal { padding: 6px; } } @media (max-width: 425px) { .countdown-horizontal-container .countdown-horizontal { gap: 4px; padding: 12px; } } .countdown-horizontal-container .countdown-container { height: 8px; width: calc(100% - 60px); margin: 0 auto; position: relative; overflow: hidden; } .countdown-horizontal-container .countdown-container:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--primary-color); opacity: 0.5; } .countdown-horizontal-container .countdown-container .countdown-bar { height: 100%; background-color: #fff023; transition: width 1s linear; position: relative; z-index: 1; } @media (max-width: 1024px) { .countdown-horizontal-container { top: 56px; } } .countdown-vertical-container { position: sticky; top: 64px; z-index: 99; } .countdown-vertical-container .countdown-vertical { background-color: var(--primary-color); color: #fff; position: relative; padding: 8px; overflow: hidden; text-align: center; } .countdown-vertical-container .countdown-vertical .countdown-button-promotion { max-width: 300px; height: 32px; background: rgba(0, 0, 0, 0); outline: none; border: none; border-radius: 50px; cursor: pointer; position: relative; overflow: hidden; } .countdown-vertical-container .countdown-vertical .countdown-button-promotion:before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.4) 50%, transparent ); animation: shimmer 2s infinite; border-radius: 50px; z-index: 1; pointer-events: none; } .countdown-vertical-container .countdown-vertical .countdown-button-promotion img { position: relative; z-index: 0; } .countdown-vertical-container .countdown-vertical .countdown-message { color: #fff; font-weight: 700; font-size: 16px; } @media (max-width: 1024px) { .countdown-vertical-container .countdown-vertical { padding: 6px; } } .countdown-vertical-container .countdown-display { display: grid; grid-template-columns: 1fr auto auto auto auto auto; gap: 2px; align-items: center; padding: 8px 32px; margin-top: -4px; position: absolute; left: 50%; transform: translateX(-50%); z-index: -1; } .countdown-vertical-container .countdown-display:before { transform: skewX(45deg) !important; right: 25% !important; } .countdown-vertical-container .countdown-display:after, .countdown-vertical-container .countdown-display:before { content: ""; position: absolute; inset: 0; background: linear-gradient( to bottom, var(--primary-color) 15%, var(--secondary-color) 100% ); border-radius: 0 0 28px 28px; z-index: -1; } .countdown-vertical-container .countdown-display:after { transform: skewX(-45deg) !important; left: 25% !important; } .countdown-vertical-container .countdown-display .time-unit { display: flex; flex-direction: row; gap: 2px; align-items: baseline; background: #392e2c; padding: 2px 4px; border-radius: 4px; } .countdown-vertical-container .countdown-display .time-unit--day { margin-right: 6px; } .countdown-vertical-container .countdown-display .time-unit .time-value { color: #fff; font-size: 18px; font-weight: 700; } .countdown-vertical-container .countdown-display .time-unit .time-label { color: #fff; font-size: 0.875rem; text-transform: uppercase; } .countdown-vertical-container .countdown-display .time-separator { color: #fff; font-size: 18px; font-weight: 700; } @media (max-width: 1024px) { .countdown-vertical-container { max-width: 100%; top: 56px; } .countdown-vertical-container .countdown-display .time-unit .time-value { font-size: 12px; } } .product-countdown { background: linear-gradient( to bottom, var(--primary-color) 0, var(--secondary-color) 100% ); display: flex; align-items: center; gap: 8px; position: relative; justify-content: flex-end; padding: 2px; border-radius: 12px; border: 4px solid #a2a2a2; } .product-countdown-message { font-size: 14px; font-weight: 700; color: #fff; font-style: italic; } .product-countdown-display { display: flex; align-items: center; gap: 2px; border-radius: 8px; margin-right: 2px; } .product-countdown-display .time-unit { display: flex; flex-direction: row; gap: 2px; align-items: baseline; background: #392e2c; padding: 2px 4px; border-radius: 4px; } .product-countdown-display .time-unit--day { margin-right: 6px; } .product-countdown-display .time-unit .time-value { color: #fff; font-size: 1rem; font-weight: 700; } .product-countdown-display .time-unit .time-label { color: #fff; font-size: 0.875rem; text-transform: uppercase; } .product-countdown-display .time-separator { color: #fff; font-size: 1rem; font-weight: 700; } .adultItemNoticeModal__overlay { background: #f7f7f7; } .adultItemNoticeModal__modal { box-shadow: 1px 1.5px 15px 0 rgba(0, 0, 0, 0.05); padding: 42px; border-radius: 5px; box-sizing: border-box; width: 100%; max-width: 440px; } .adultItemNoticeModal__modal img { width: 160px; height: 160px; -o-object-fit: contain; object-fit: contain; display: table; margin: 0 auto 42px; } @media (max-width: 480px) { .adultItemNoticeModal__modal img { width: 148px; height: 148px; } } .adultItemNoticeModal__modal h2 { font-size: 21px; color: #fc4c02; width: 100%; max-width: 320px; text-align: center; margin: 0 auto; line-height: 1.25; } .adultItemNoticeModal__modal p { color: #565252; text-align: left; max-width: 320px; margin: 8px auto 0; line-height: 1.4; } .adultItemNoticeModal__modal p.credit { max-width: 100%; margin: -36px auto 16px; text-align: center; font-size: 10px; opacity: 0.5; line-height: 1.3; color: rgba(86, 82, 82, 0.75); font-weight: 500; } .adultItemNoticeModal__modal .tnc-cta { color: #fc4c02; font-weight: 700; text-decoration: underline; cursor: pointer; } .adultItemNoticeModal__modal .birthdate-input { width: 100%; margin-top: 12px; } .adultItemNoticeModal__modal .birthdate-form { width: 100%; max-width: 320px; margin: 0 auto; } .adultItemNoticeModal__modal .buttons { width: 100%; max-width: 320px; margin-left: auto; margin-right: auto; display: flex; align-items: stretch; gap: 12px; margin-top: 28px; justify-content: space-between; } .adultItemNoticeModal__modal .buttons button { border-radius: 6px; border: 1px solid #fc4c02; background: #fff; color: #fc4c02; box-sizing: border-box; font-size: 14px; font-weight: 700; cursor: pointer; transition: 0.2s; padding: 12px 16px; flex: 1 1 0; min-height: 48px; display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1.2; white-space: normal; word-break: keep-all; } .adultItemNoticeModal__modal .buttons button.secondary { background: #fff; color: #fc4c02; } .adultItemNoticeModal__modal .buttons button.secondary:hover { background: rgba(252, 76, 2, 0.08); color: #fc4c02; border-color: #fc4c02; } .adultItemNoticeModal__modal .buttons button.primary { background: #fc4c02; color: #fff; } .adultItemNoticeModal__modal .buttons button.primary:hover { background: hsl(17.76, 98.4251968504%, 41.8039215686%); color: #fff; border-color: hsl(17.76, 98.4251968504%, 41.8039215686%); } .adultItemNoticeModal__modal .buttons button:hover { transform: translateY(-1px); } .adultItemNoticeModal__modal .buttons button.homepage { min-height: 48px; } .adultItemNoticeModal__modal .buttons button.long { width: 100%; } .adultItemNoticeModal__modal .buttons.centered { justify-content: center; } .adultItemNoticeModal__modal .buttons.centered button { flex: 1 1 0; width: 100%; position: relative; display: flex; align-items: center; justify-content: center; } .adultItemNoticeModal__modal .buttons.centered button img { width: 12px; height: 12px; position: absolute; left: 16px; top: 50%; transform: translateY(-50%); } @media (max-width: 480px) { .adultItemNoticeModal__modal .buttons { gap: 10px; margin-top: 20px; } .adultItemNoticeModal__modal .buttons button { font-size: 13px; padding: 10px 12px; min-height: 46px; } .adultItemNoticeModal__modal .buttons.centered button { width: 100%; flex: 1 1 0; } } @media (max-width: 360px) { .adultItemNoticeModal__modal .buttons { flex-direction: column; } .adultItemNoticeModal__modal .buttons button, .adultItemNoticeModal__modal .buttons.centered button { width: 100%; flex: 1 1 auto; } } footer { border-top: 1px solid #d1d3d4; padding: 32px 32px 0; box-sizing: border-box; background: #fff; } @media (display-mode: standalone) { footer { display: none; } } footer h4 { font-size: 1.2em; margin-bottom: 10px; color: #606060; } footer .contact { display: grid; grid-template-columns: 20% 15% 15% 25% 25%; justify-content: center; width: 90%; margin: 0 auto; } @media (max-width: 1024px) { footer .contact { grid-template-columns: 1fr; width: 100%; } } footer .contact__location li { margin-bottom: 8px; } footer .contact__location li a { display: block; display: flex; flex-direction: row; color: gray; padding: 8px px; } footer .contact__location li a span { display: block; text-align: justify; } footer .contact__location li a span:first-child { width: 10%; margin-right: 20px; } footer .contact__location li a span:first-child img { width: 100%; height: auto; } footer .contact__location li a span:last-child { width: 90%; } footer .contact__location li a location_360 { padding: 8px; } footer .contact__payment ul { display: flex; flex-wrap: wrap; gap: 1em; align-items: center; } footer .contact__payment ul li img { width: 50px; display: block; margin: 0 auto; } @media (max-width: 1024px) { footer .contact div { width: 100%; margin: 0 0 16px; } } footer .contact__help li, footer .contact__tos li { font-size: 1.2em; } footer .contact__help li a, footer .contact__tos li a { padding: 8px 0; display: inline-block; color: gray; } @media (max-width: 960px) { footer .contact__sosmed { display: flex; flex-direction: column; align-items: center; border-top: 1px solid #d1d3d4; padding-top: 20px; } } footer .contact__sosmed li { margin-bottom: 16px; display: flex; align-items: center; } @media (max-width: 960px) { footer .contact__sosmed li { align-items: center; justify-content: center; } } footer .contact__sosmed li:first-child img { margin-right: 12px; } footer .contact__sosmed li .contact-link > img, footer .contact__sosmed li > img { width: 16px; height: 16px; -o-object-fit: contain; object-fit: contain; margin-right: 8px; } footer .contact__sosmed li .contact-link { display: flex; align-items: center; color: gray; text-decoration: none; transition: color 0.2s ease; } footer .contact__sosmed li .contact-link:hover { color: #fc4c02; } footer .copyright { margin: 10px auto 0; width: 90%; border-top: 1px solid #d1d3d4; padding: 24px 0; display: flex; align-items: center; } @media (max-width: 960px) { footer .copyright { flex-direction: column; align-items: flex-start; } footer .copyright .tagline { margin-left: 0 !important; margin-top: 4px !important; display: inline-block; } footer .copyright .copy { margin-top: 20px; display: inline-block; } } footer .copyright img { height: 32px; } footer .copyright .tagline { font-size: 14px; margin-left: 20px; color: #565252; flex-grow: 1; } footer .copyright .copy, footer .copyright .privacy { font-size: 14px; color: gray; } footer .copyright .copy a, footer .copyright .privacy a { color: gray !important; } @media (max-width: 960px) { footer .copyright { width: 100%; } } @media (min-width: 1025px) { footer.mobileOnly { display: none; } } @media (max-width: 1024px) { footer.desktopOnly { display: none; } footer.storepage-extend { padding-bottom: 66px; } } .footer_bolded_top { margin-top: 18px; font-weight: 700; color: gray; } @media (max-width: 1024px) { .footer_bolded_top { margin-bottom: 4px !important; } } .footer_bolded { font-weight: 700; color: gray; } @media (max-width: 1024px) { .footer_bolded { margin-bottom: 4px !important; } } .location_container { margin: 10px auto 0; width: 90%; border-top: 1px solid #d1d3d4; padding: 24px 0; display: flex; align-items: center; flex-direction: column; } @media (max-width: 960px) { .location_container { flex-direction: column; align-items: flex-start; } } .location_title { margin-bottom: 24px; font-size: 1.2em; } .location_list { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1em; width: 100%; } .location_list > div { display: flex; flex-direction: column; } .location_bolded { font-size: 1.1em; font-weight: 700; color: #565252; margin-bottom: 4px; } .location_address { color: gray; display: flex; flex-direction: column; } .location_phone { color: gray; text-decoration: none; margin-top: 4px; transition: color 0.2s ease; } .location_phone:hover { color: #fc4c02; } .location_360 { margin-top: 8px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: -moz-fit-content; width: fit-content; padding: 8px 12px; border-radius: 999px; border: 1px solid rgba(0, 0, 0, 0.12); background: #fff6ef; color: gray; font-size: 13px; font-weight: 600; transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease; } .location_360, .location_360 span { text-decoration: none; } .location_360 img { width: 18px; height: 18px; -o-object-fit: contain; object-fit: contain; } .location_360:hover { background: #fc4c02; border-color: rgba(240, 78, 35, 0.35); color: #fff6ef; text-decoration: none; } .mobile-location-wrapper { display: flex; flex-direction: row !important; justify-content: space-between; align-items: center; } @media (max-width: 1024px) { .mobile-location-wrapper { flex-direction: column !important; align-items: flex-start; } } .mobile-location-wrapper .location_address { flex: 1; flex-direction: row !important; } .mobile-location-wrapper .location_phone { flex-shrink: 0; margin-top: 0; white-space: nowrap; }