/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/app_storefront_core/cartridge/client/default/scss/account/account.scss ***!
\**********************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* stylelint-disable */
/* stylelint-enable */
/*
* Set up a screen-wide ::before element behind its parent, to apply a colored background on a block.
*
* Usage :
* .block {
* @include full-screen-background;
*
* position: relative;
* }
*/
/*
Usage
.block {
@include arrow(right,red,5px,auto,auto,0,0,auto,-5px);
width: 50px;
height: 50px;
position: relative;
}
*/
/*
Usage
@include ratio-holder(364/300)
Height/Width
*/
/* Mixin to cut off the rest of one-line (default) or multiline text with dots */
/* A small function allowing skipping base64 encoding
** and simply pasting the SVG markup right in the CSS.
** @author Jakob Eriksen
** @link http://codepen.io/jakob-e/pen/doMoML
** @param {String} $svg - SVG image to encode
** @return {String} - Encoded SVG data uri
*/
/* Replace substring 'fillColor' to real color from variables */
/**
* Mixin to add icon as pseudo-element.
*/
/* stylelint-disable */
/* stylelint-enable */
.b-order-details__print {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
color: inherit;
border: none;
padding: 0;
cursor: pointer;
outline: inherit;
}
/* stylelint-disable */
/*md
# Icons
## Icons example:
```html_example
account:
arrow-down:
arrow-left:
arrow-right:
arrow-up:
back-to-top:
bag:
bin:
checkbox:
checkbox-checked:
close:
heart:
language:
location:
minus:
money:
phone:
plus:
share:
track-order:
whatsapp:
alert:
card:
check:
download:
eye:
facebook:
filter:
gift:
instagram:
link:
logout:
mail:
menu:
pay:
pinterest:
radio:
radio-checked:
search:
tag:
twitter:
wishlist-filled:
youtube:
```
*/
:root {
--icon--account: "";
--icon--arrow-down: "";
--icon--arrow-left: "";
--icon--arrow-right: "";
--icon--arrow-up: "";
--icon--back-to-top: "";
--icon--bag: "";
--icon--bin: "";
--icon--checkbox: "";
--icon--checkbox-checked: "";
--icon--close: "";
--icon--heart: "";
--icon--language: "";
--icon--location: "";
--icon--minus: "";
--icon--money: "";
--icon--phone: "";
--icon--plus: "";
--icon--share: "";
--icon--track-order: "";
--icon--whatsapp: "";
--icon--alert: "";
--icon--card: "";
--icon--check: "";
--icon--download: "";
--icon--eye: "";
--icon--facebook: "";
--icon--filter: "";
--icon--gift: "";
--icon--instagram: "";
--icon--link: "";
--icon--logout: "";
--icon--mail: "";
--icon--menu: "";
--icon--pay: "";
--icon--pinterest: "";
--icon--radio: "";
--icon--radio-checked: "";
--icon--search: "";
--icon--tag: "";
--icon--twitter: "";
--icon--wishlist-filled: "";
--icon--youtube: "";
}
.b-account__wrapper {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media (max-width: 1023.98px) {
.b-account__wrapper {
display: block;
}
}
.b-account__sidebar {
padding: 0;
min-height: calc(100vh - var(--header-height, 5.875rem));
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 1023.98px) {
.b-account__sidebar {
display: none;
}
[data-account-stage=account] .b-account__sidebar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media (min-width: 1024px) {
.b-account__sidebar {
-ms-flex-preferred-size: 26.625rem;
flex-basis: 26.625rem;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
}
@media (max-height: 43.75rem) {
.b-account__sidebar {
height: 100%;
}
}
@media (max-width: 1023.98px) {
.b-account__content {
padding: 0;
}
[data-account-stage=account] .b-account__content {
-webkit-transform: translateX(100%);
transform: translateX(100%);
position: fixed;
height: 100vh;
right: 0;
top: 0;
width: 100%;
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
z-index: 100;
}
.m-visible .b-account__content {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@media (min-width: 1024px) {
.b-account__content {
padding-top: 4rem;
padding-bottom: 4rem;
overflow: hidden;
}
}
@media (max-width: 1023.98px) {
.b-account__form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
@media (max-width: 1023.98px) {
.b-account .btn-primary {
background: #231f20;
color: #fff;
}
.b-account .btn-primary::after {
content: " ";
position: absolute;
top: 0;
right: 0;
background: linear-gradient(108.03deg, #e03e52 -271.05%, #84329b 231.95%) ;
width: 100%;
height: 100%;
z-index: -1;
-webkit-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out;
opacity: 0;
border-radius: 8px;
}
}
@media (max-width: 1023.98px) and (min-width: 1024px) {
.b-account .btn-primary::after {
border-radius: 12px;
}
}
@media (max-width: 1023.98px) {
.b-account .btn-primary:hover, .b-account .btn-primary:active, .b-account .btn-primary.active, .b-account .btn-primary:active:focus, .b-account .btn-primary.active:focus, .b-account .btn-primary:focus {
color: #fff;
}
.b-account .btn-primary:hover::after, .b-account .btn-primary:active::after, .b-account .btn-primary.active::after, .b-account .btn-primary:active:focus::after, .b-account .btn-primary.active:focus::after, .b-account .btn-primary:focus::after {
opacity: 1;
}
.b-account .btn-primary:disabled {
opacity: 0.5;
pointer-events: none;
}
.b-account .btn-primary:disabled::after {
background: transparent;
}
}
.b-account .card-header {
border: 0;
padding: 0;
background: transparent;
}
.b-account .select2-selection--single,
.b-account .form-control {
background: transparent;
}
@media (max-width: 1023.98px) {
.b-account .select2-dropdown,
.b-account .select2-selection {
background: #f8f8f8;
}
}
@media (max-width: 1023.98px) {
.b-account-scrollable {
background: #f8f8f8;
padding: 0 1rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
min-height: 100vh;
}
}
@media print and (max-width: 1023.98px) {
.b-account-scrollable {
height: auto;
}
}
@media (max-width: 1023.98px) {
.b-account-scrollable__btn {
margin-top: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: sticky;
bottom: 0;
background: #f8f8f8;
padding-bottom: 1rem;
}
}
@media (min-width: 1024px) {
.b-account-scrollable__btn {
margin-top: 2rem;
}
}
.b-account-scrollable__btn:hover {
text-decoration: none;
}
.b-account-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
height: 100%;
}
.b-account-nav__info {
color: #fff;
background: linear-gradient(-118deg, #BC3175 0%, #FFA494 100%);
padding-top: 5rem;
padding-bottom: 2.25rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
min-height: 12.5rem;
position: relative;
border-radius: 10px;
}
@media (max-width: 1023.98px) {
.b-account-nav__info {
padding-right: 0.5rem;
padding-left: 0.5rem;
padding-top: 1.875rem;
padding-bottom: 0.5rem;
}
}
@media (min-width: 1024px) {
.b-account-nav__info {
padding-top: 4rem;
padding-bottom: 2.25rem;
min-height: 15.625rem;
}
}
.b-account-nav__info:after {
color: #fff;
background-image: url(../../images/balance-card-pattern.png);
height: 100%;
background-size: 900px;
width: 100%;
content: "";
position: absolute;
top: 0px;
left: 0;
mix-blend-mode: color-burn;
opacity: 0.3;
}
@media (min-width: 1024px) {
.b-account-nav__info:after {
background-size: contain;
background-position: left top;
}
}
.b-account-nav__info .available-balance-label img {
height: 25px;
}
@media (min-width: 1024px) {
.b-account-nav__info .available-balance-label img {
height: 40px;
}
}
.b-account-nav__info .available-balance-label small {
line-height: 1;
}
.b-account-nav__info-name {
font-size: 1.125rem;
line-height: 2.125rem;
font-weight: 700;
margin: 0;
line-height: 1;
}
@media (min-width: 1024px) {
.b-account-nav__info-name {
font-size: 1.5rem;
line-height: 1;
}
}
.b-account-nav__info-phone {
margin-bottom: 1rem;
font-size: 14px;
}
.b-account-nav__info-phone a {
color: #fff;
}
.b-account-nav__info-link {
color: #fff;
}
.b-account-nav__info-link:hover {
color: #a33685;
}
.b-account-nav__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-top: 2.25rem;
padding-bottom: 2.25rem;
}
@media (max-width: 1023.98px) {
.b-account-nav__content {
padding-right: 1rem;
padding-left: 1rem;
}
}
.b-account-nav__title {
font-size: 1.125rem;
line-height: 2.125rem;
font-weight: 700;
margin: 0;
margin-bottom: 1.5rem;
}
.b-account-nav__list {
margin-bottom: 4rem;
}
.b-account-nav__list-item {
padding: 1rem 0;
border-bottom: 2px solid rgba(138, 141, 142, 0.2);
}
.b-account-nav__list-item.b-account-nav__list-item--active {
border-color: #a33685;
}
.b-account-nav__list-item.b-account-nav__list-item--active .b-account-nav__list-link {
font-weight: 700;
}
.b-account-nav__list-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.b-account-nav__list-link:hover {
text-decoration: none;
}
[dir=rtl] .b-account-nav__list-icon {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.b-account-nav__logout {
margin-top: auto;
}
@media (max-width: 1023.98px) {
.b-account-nav__logout {
display: block;
}
}
@media (min-height: 43.75rem) {
.b-account-nav__logout {
position: sticky;
bottom: 2.25rem;
}
}
.b-account-nav__logout:hover {
text-decoration: none;
}
.b-account-nav__logout-text {
margin-right: 0.5rem;
display: inline-block;
line-height: 1.875rem;
}
.b-account-nav__icon {
font-size: 2rem;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
@media (max-width: 1023.98px) {
.b-account-bar {
background: #fff;
border-bottom: 0.0625rem solid rgba(138, 141, 142, 0.2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
height: var(--header-height, 5.875rem);
padding-bottom: 1rem;
margin: 0 -1rem 2rem;
position: sticky;
top: 0;
z-index: 2;
}
}
@media print {
.b-account-bar {
display: none;
}
}
.b-account-bar__title {
font-size: 0.875rem;
line-height: 1.625rem;
font-weight: 400;
margin: 0;
}
@media (min-width: 1024px) {
.b-account-bar__title {
font-size: 1rem;
line-height: 1.875rem;
font-weight: 400;
}
}
@media (max-width: 1023.98px) {
.b-account-bar__title {
position: relative;
padding: 0 2.75rem;
text-align: center;
width: 100%;
font-weight: 700;
}
}
@media (min-width: 1024px) {
.b-account-bar__text {
display: none;
}
}
@media (max-width: 1023.98px) {
.b-account-bar__back {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
[dir=rtl] .b-account-bar__back-icon {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.b-account-bar .b-breadcrumb {
margin: 0;
}
@media (max-width: 1023.98px) {
.b-account-bar .b-breadcrumb {
padding: 0.625rem;
}
}
@media (max-width: 1023.98px) {
.b-account-bar .b-breadcrumb__link {
font-size: 0;
}
}
.b-account-section__title {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
gap: 0.5rem;
background-color: transparent;
border: 0;
padding: 0;
margin-bottom: 2rem;
font-weight: 700;
}
.b-account-section__title .btn-link-text-u {
font-weight: 400;
}
.b-account-section__title-text {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
font-size: 1.125rem;
line-height: 2rem;
font-weight: 700;
}
@media (min-width: 1024px) {
.b-account-section__title-text {
font-size: 1.25rem;
line-height: 2.8125rem;
}
}
.b-account-section__order-info {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.b-account-section__order-number {
font-weight: 400;
font-size: 0.875rem;
}
@media (min-width: 1024px) {
.b-account-section__order-number {
font-size: 1rem;
}
}
.b-account-section__return {
display: none;
margin-bottom: 1rem;
margin-top: 1.5rem;
}
@media (min-width: 1024px) {
.b-account-section__return {
margin-bottom: 2rem;
}
}
@media (min-width: 1024px) {
.b-account-section__return--desktop {
display: block;
}
}
@media print {
.b-account-section__return--desktop {
display: none;
}
}
@media (max-width: 1023.98px) {
.b-account-section__return--mobile {
display: block;
margin-bottom: 2.25rem;
margin-top: 1rem;
}
.b-account-section__return--mobile .btn {
width: 100%;
}
}
@media print {
.b-account-section__return--mobile {
display: none;
}
}
.b-account-section__empty {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #8a8d8e;
}
@media (max-width: 1023.98px) {
.b-account-section__empty {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
position: relative;
}
}
@media (min-width: 1024px) {
.b-account-section__empty {
margin-top: 13.125rem;
}
}
.b-account-section__empty-wrapper {
text-align: center;
}
@media (max-width: 1023.98px) {
.b-account-section__empty-wrapper {
margin-top: -4.5rem;
}
}
.b-account-section__empty-title {
font-weight: 700;
font-size: 1.125rem;
margin-bottom: 1.25rem;
}
@media (min-width: 1024px) {
.b-account-section__empty-title {
font-size: 2rem;
margin-bottom: 1rem;
}
}
@media (min-width: 1024px) {
.b-account-section__empty-subtitle {
font-size: 1.25rem;
margin-bottom: 3rem;
}
}
@media (max-width: 1023.98px) {
.b-account-section__empty-subtitle {
font-size: 1rem;
}
}
@media (max-width: 1023.98px) {
.b-account-section__empty-btn {
position: absolute;
bottom: 2rem;
right: 0;
width: 100%;
}
}
@media (max-width: 1023.98px) {
.b-account-dashboard__content {
height: calc(100vh - var(--header-height, 5.875rem) - 0.0625rem - 2rem);
overflow: auto;
padding-bottom: 1rem;
}
}
.b-dashboard-section {
border: 0;
border-bottom: 1px solid rgba(138, 141, 142, 0.2);
margin-bottom: 2rem;
background: transparent;
}
.b-dashboard-section:last-child {
border: 0;
margin: 0;
}
.b-dashboard-section__body {
padding: 0 0 2rem;
}
.b-dashboard-section__item {
margin-bottom: 0.5rem;
font-size: 1rem;
line-height: 1.875rem;
}
.b-dashboard-section__item:last-child {
margin: 0;
}
.b-dashboard-section__item--gray {
color: #8a8d8e;
}
.b-address-form__remove {
position: absolute;
top: 0;
left: 0;
padding: 22px;
min-width: auto;
margin-top: 1rem;
}
@media (max-width: 1023.98px) {
.b-address-form__remove {
-webkit-box-shadow: none;
box-shadow: none;
}
}
@media (min-width: 1024px) {
.b-address-form__remove {
margin: 0 1rem 0 0;
}
}
@media (min-width: 1024px) {
.b-address-form__remove-modal.modal--rounded .modal-body {
padding: 0.5rem 4rem 4rem;
}
}
.b-address-form__cta-edit {
position: static;
}
.custom-radio {
background-size: 12px;
background-position: center;
}
.custom-radio label:has([type=radio]) {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
border: 1px solid #aaa;
padding: 5px 7px 5px 20px;
border-radius: 3rem;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.custom-radio label:has([type=radio]:not(:disabled)) {
cursor: pointer;
}
.custom-radio [type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 1.4rem;
height: 1.4rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
border: inherit;
border-radius: inherit;
}
.custom-radio label:has([type=radio]:checked) {
border-color: #bada55;
background-color: #bada55;
color: #fff;
}
.custom-radio [type=radio]:checked {
border-color: transparent;
background: #fff url('data:image/svg+xml,') no-repeat 50%/1rem;
}
.open-map-btn {
background-color: transparent;
border: 1px solid #000;
color: #000;
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
#map {
width: 100%;
height: 500px;
}
.center-pin {
position: absolute;
top: 50%;
right: 50%;
-webkit-transform: translate(50%, -100%);
transform: translate(50%, -100%);
z-index: 1;
pointer-events: none;
}
.center-pin img {
width: 50px;
height: 50px;
-webkit-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}
#locate-btn {
position: absolute;
bottom: 20px;
right: 0;
left: 0;
z-index: 2;
background: white;
border: 2px solid rgba(0, 0, 0, 0.1);
border-radius: 4px;
cursor: pointer;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
max-width: 250px;
justify-content: center;
margin: auto;
}
.locate-btn:hover {
background: #f0f0f0;
}
#confirmLocation {
background-color: #000;
color: #fff;
border-radius: 0;
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.close-btn {
background: none;
border: none;
font-size: 2rem;
line-height: 1;
color: #000;
cursor: pointer;
padding: 0;
margin: 0;
}
.lookup-arrow {
background: #000;
color: #fff;
position: absolute;
left: 10px;
width: 38px;
height: 38px;
margin: 5px;
font-size: 20px;
border: none;
border-radius: 35px;
}
.fullAddress-container {
background: #f9f9f9;
padding: 20px;
padding-right: 50px;
background-image: url("../../images/mage_location-pin.svg");
background-position: right 10px center;
display: none;
background-repeat: no-repeat;
}
.b-address__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 0 0.5rem;
margin-bottom: 1rem;
}
@media (min-width: 1024px) {
.b-address__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
}
.b-address__list {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -0.5rem 1rem;
}
.b-address .card {
height: 100%;
margin: 0;
width: 100%;
border-radius: 12px;
padding: 1rem;
border: 1px solid rgba(138, 141, 142, 0.2);
}
.b-address .card.card--default {
border-color: #cfe58e;
}
.b-address .card.card--missing {
background: #fff7f7;
border-color: red;
}
.b-address .card-header {
border: 0;
background-color: transparent;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 0.5rem;
}
.b-address .card-header__title {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.b-address .card-body {
padding: 0;
}
.b-address .card-body__item {
font-size: 1rem;
line-height: 1.875rem;
margin: 0;
}
.b-order-history__previous {
margin-top: 4rem;
}
.b-order-history .custom-select {
visibility: hidden;
}
.b-orders__item {
display: block;
padding: 1rem;
border: 1px solid rgba(138, 141, 142, 0.2);
border-radius: 12px;
margin-bottom: 1rem;
background: #fff;
}
.b-order-history__previous .b-orders__item {
background: rgba(138, 141, 142, 0.09);
border-color: rgba(138, 141, 142, 0.09);
}
@media (min-width: 1024px) {
.b-order-history__previous .b-orders__item {
background: #f8f8f8;
border-color: #f8f8f8;
}
}
.b-orders__item:last-child {
margin: 0;
}
.b-orders__item:hover {
text-decoration: none;
}
.b-orders__item-body {
position: relative;
padding-left: 1.5rem;
}
.b-orders__item-body::after {
font-size: 1.5rem;
font-family: "iconfont";
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
content: "\ea04";
}
[dir=rtl] .b-orders__item-body::after {
-webkit-transform: translateY(-50%) rotate(-180deg);
transform: translateY(-50%) rotate(-180deg);
}
.b-orders__item-value {
font-size: 0.875rem;
line-height: 1.625rem;
margin: 0;
color: #8a8d8e;
}
@media (min-width: 1024px) {
.b-orders__item-value {
color: #231f20;
}
}
.b-order-history__previous .b-orders__item-value {
color: #8a8d8e;
}
/* stylelint-disable */
/* stylelint-enable */
/*
* Set up a screen-wide ::before element behind its parent, to apply a colored background on a block.
*
* Usage :
* .block {
* @include full-screen-background;
*
* position: relative;
* }
*/
/*
Usage
.block {
@include arrow(right,red,5px,auto,auto,0,0,auto,-5px);
width: 50px;
height: 50px;
position: relative;
}
*/
/*
Usage
@include ratio-holder(364/300)
Height/Width
*/
/* Mixin to cut off the rest of one-line (default) or multiline text with dots */
/* A small function allowing skipping base64 encoding
** and simply pasting the SVG markup right in the CSS.
** @author Jakob Eriksen
** @link http://codepen.io/jakob-e/pen/doMoML
** @param {String} $svg - SVG image to encode
** @return {String} - Encoded SVG data uri
*/
/* Replace substring 'fillColor' to real color from variables */
/**
* Mixin to add icon as pseudo-element.
*/
/* stylelint-disable */
/* stylelint-enable */
.b-order-details__print {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
color: inherit;
border: none;
padding: 0;
cursor: pointer;
outline: inherit;
}
/* stylelint-disable */
/*md
# Icons
## Icons example:
```html_example
account:
arrow-down:
arrow-left:
arrow-right:
arrow-up:
back-to-top:
bag:
bin:
checkbox:
checkbox-checked:
close:
heart:
language:
location:
minus:
money:
phone:
plus:
share:
track-order:
whatsapp:
alert:
card:
check:
download:
eye:
facebook:
filter:
gift:
instagram:
link:
logout:
mail:
menu:
pay:
pinterest:
radio:
radio-checked:
search:
tag:
twitter:
wishlist-filled:
youtube:
```
*/
:root {
--icon--account: "";
--icon--arrow-down: "";
--icon--arrow-left: "";
--icon--arrow-right: "";
--icon--arrow-up: "";
--icon--back-to-top: "";
--icon--bag: "";
--icon--bin: "";
--icon--checkbox: "";
--icon--checkbox-checked: "";
--icon--close: "";
--icon--heart: "";
--icon--language: "";
--icon--location: "";
--icon--minus: "";
--icon--money: "";
--icon--phone: "";
--icon--plus: "";
--icon--share: "";
--icon--track-order: "";
--icon--whatsapp: "";
--icon--alert: "";
--icon--card: "";
--icon--check: "";
--icon--download: "";
--icon--eye: "";
--icon--facebook: "";
--icon--filter: "";
--icon--gift: "";
--icon--instagram: "";
--icon--link: "";
--icon--logout: "";
--icon--mail: "";
--icon--menu: "";
--icon--pay: "";
--icon--pinterest: "";
--icon--radio: "";
--icon--radio-checked: "";
--icon--search: "";
--icon--tag: "";
--icon--twitter: "";
--icon--wishlist-filled: "";
--icon--youtube: "";
}
.b-total {
padding-top: 2rem;
}
@media (min-width: 768px) {
.b-total {
padding: 2rem 2rem;
background-color: #f8f8f8;
}
}
@media (min-width: 1024px) {
.b-total {
padding: 2rem;
}
}
@media (min-width: 1440px) {
.b-total {
padding: 2rem 2rem;
}
}
@media (min-width: 1512px) {
.b-total {
padding: 2rem;
}
}
.b-total__title {
font-size: 1rem;
font-weight: 700;
margin-bottom: 1rem;
}
@media (min-width: 768px) {
.b-total__title {
font-size: 1rem;
margin-bottom: 2rem;
}
}
.b-total-sum__text, .b-total-sum__title {
margin-bottom: 0;
}
.b-total-sum__text {
font-size: 1rem;
font-weight: 700;
}
.b-total-sum__row {
margin-bottom: 1rem;
color: #231f20;
}
.b-total-sum__row--grand {
margin-bottom: 2rem;
}
.b-total-sum__divider {
margin: 0;
padding-top: 1rem;
background-color: transparent;
border-top: 0.0625rem dashed #8a8d8e;
}
.b-coupon-asign {
position: relative;
padding: 0.5rem 0.5rem 0.5rem 0.5rem;
margin-bottom: 1rem;
background-color: rgba(138, 141, 142, 0.2);
border-radius: 8px;
background-color: #EFFFFA;
border-radius: 8px;
border: 1px dashed #4DE0B4;
color: #32AD88;
}
.b-coupon-asign__remove {
background-color: transparent;
border: 0;
padding: 0;
}
.b-coupon-asign__cost {
font-size: 1rem;
font-weight: 700;
}
.b-coupon-asign__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.b-coupon-code__field {
position: relative;
}
.b-coupon-code__field .fi--tag {
position: absolute;
top: 1rem;
right: 1rem;
font-size: 1.25rem;
color: #8a8d8e;
}
.b-coupon-code__field:not(.is-valid):not(.is-invalid) .b-coupon-code__link--empty {
display: block;
}
.b-coupon-code__field.is-invalid {
border: 0;
}
.b-coupon-code__field.is-valid .b-coupon-code__link--success, .b-coupon-code__field.is-valid .b-coupon-code__icon {
display: block;
color: #209e43;
}
.b-coupon-code__field.is-invalid .b-coupon-code__link--error, .b-coupon-code__field.is-invalid .b-coupon-code__icon {
display: block;
color: #e03e52;
}
.b-coupon-code__input.form-control {
padding-right: 3rem;
padding-left: 4rem;
color: #231f20;
}
@media (max-width: 1023.98px) {
.b-coupon-code__input.form-control {
background-color: transparent;
}
}
.is-invalid .b-coupon-code__input.form-control::-webkit-input-placeholder {
color: #e03e52;
}
.is-invalid .b-coupon-code__input.form-control::-moz-placeholder {
color: #e03e52;
}
.is-invalid .b-coupon-code__input.form-control:-ms-input-placeholder {
color: #e03e52;
}
.is-invalid .b-coupon-code__input.form-control::-ms-input-placeholder {
color: #e03e52;
}
.is-invalid .b-coupon-code__input.form-control::placeholder {
color: #e03e52;
}
.b-coupon-code__input.form-control:not(:focus) {
border-color: rgba(138, 141, 142, 0.2);
}
.b-coupon-code__input.form-control::-webkit-input-placeholder {
color: #8a8d8e;
}
.b-coupon-code__input.form-control::-moz-placeholder {
color: #8a8d8e;
}
.b-coupon-code__input.form-control:-ms-input-placeholder {
color: #8a8d8e;
}
.b-coupon-code__input.form-control::-ms-input-placeholder {
color: #8a8d8e;
}
.b-coupon-code__input.form-control::placeholder {
color: #8a8d8e;
}
.b-coupon-code__link-wrapper {
position: absolute;
top: 50%;
left: 1rem;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: #fff;
padding-right: 0.5rem;
}
@media (max-width: 1023.98px) {
.b-coupon-code__link-wrapper {
background-color: transparent;
}
}
.b-coupon-code__link-wrapper .btn-link-text,
.b-coupon-code__link-wrapper .btn-link-text-u {
display: inline-block;
background-color: transparent;
border: 0;
padding: 0;
font-size: 0.875rem;
}
.b-coupon-code__link {
display: none;
}
.b-coupon-code__link-icon {
font-size: 1.25rem;
padding-right: 0.5rem;
}
.page {
background-color: #f9f9f9;
}
.b-page-layout--checkout .page {
background-color: #fbfbfb !important;
}
.checkout-card-header {
font-size: 1.5rem;
}
@media (min-width: 1024px) {
.checkout-order-total-summary {
padding-top: 2rem;
border-top: 1px solid rgba(138, 141, 142, 0.2);
}
}
.grand-total-price {
float: left;
font-weight: 600;
}
.grand-total-label {
font-weight: 600;
}
.grand-total-sum {
font-weight: 700;
}
.product-divider {
margin-right: -0.625em;
margin-left: -0.625em;
}
.product-divider hr {
border-top: dashed 0.063em;
}
.shipment-block + .shipment-block::before {
content: "";
display: block;
border-bottom: 0.063em dashed #ccc;
margin: 0.625em -0.625em;
}
@media (min-width: 1024px) {
.shipment-block + .shipment-block::before {
margin: 0.625em -1.225em;
}
}
.shipping-method {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.hero-confirmation {
background-image: url("../../images/thankyou.jpg");
background-position-y: -8.125em;
}
.product-summary-block h3 {
font-size: 1.25rem;
}
.leading-lines {
overflow: hidden;
margin: 0;
}
.leading-lines .start-lines {
padding: 1px;
}
.leading-lines .start-lines span {
position: relative;
z-index: 2;
}
.leading-lines .end-lines {
padding: 1px;
}
.leading-lines .end-lines span {
position: relative;
background-color: white;
z-index: 2;
}
.summary-details {
font-size: 0.938em;
margin-top: 1rem;
margin-bottom: 2rem;
border-bottom: 1px solid rgba(138, 141, 142, 0.2);
padding-bottom: 1rem;
}
@media (min-width: 1024px) {
.summary-details {
border: 0;
margin-bottom: 0;
}
}
.address-summary__row {
margin-bottom: 1rem;
font-size: 0.875rem;
}
.summary-section-label {
font-size: 1.125rem;
font-weight: 700;
line-height: 2.125rem;
}
@media (min-width: 1024px) {
.summary-section-label {
font-size: 1.5rem;
line-height: 2.8125rem;
}
}
.add-payment {
margin-top: 1rem;
}
.selected-payment {
background-color: #e9ecef;
}
.saved-security-code {
margin-top: 1rem;
}
.saved-credit-card-type {
font-weight: 600;
}
.saved-payment-information {
margin-top: 1rem;
margin-bottom: 1rem;
}
.payment-information {
margin-bottom: 0.5rem;
}
@media (max-width: 1023.98px) {
.payment-information {
margin: 0;
}
}
.payment-information__title {
margin: 0.5rem 0 0.5rem;
}
@media (max-width: 1023.98px) {
.payment-information__title {
margin: 0;
}
}
.payment-information__error-message {
color: #e03e52;
}
.checkout-hidden {
display: none;
}
.card-image {
margin-top: 0.5rem;
width: 100%;
}
.cancel-new-payment {
margin-top: 1rem;
}
.form-check.start-lines {
padding-right: 1.5rem;
}
.multi-ship .single-shipping .shipping-content {
display: none;
}
.multi-ship .shipping-summary .single-shipping {
display: none;
}
.gift-message-block {
padding-bottom: 1em;
padding-top: 1em;
}
.confirm-details .shipping-method,
.confirm-details .shipping-method-price {
margin-bottom: 0;
}
.multi-ship .confirm-details .single-shipping {
display: none;
}
.multi-shipping {
display: none;
}
.contact-info-block {
border-bottom: 0.063em dashed #ccc;
}
.view-address-block h3 {
font-size: 1.25rem;
}
.b-order-details .b-gift-product {
border: 1px solid #eee;
border-radius: 8px;
}
@media (max-width: 1023.98px) {
.b-no-account .b-order-details {
margin: 0 -1rem;
}
}
@media (min-width: 1024px) {
.b-no-account .b-order-details {
padding-top: 4rem;
}
}
.b-order-details__print {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.875rem;
}
@media (min-width: 1024px) {
.b-order-details__print {
font-size: 1rem;
}
}
@media print {
.b-order-details__print {
display: none;
}
}
.b-order-details__print-icon {
margin-right: 0.5rem;
}
.b-order-details__date {
color: #8a8d8e;
}
.b-order-details__summary {
margin-bottom: 2rem;
}
.b-order-details__card {
border: 0;
background-color: transparent;
}
.b-order-details__card-body {
padding: 0;
}
.b-order-details .b-coupon-code {
display: none;
}
.b-order-details .b-total-sum__divider {
opacity: 0.2;
}
@media (max-width: 1023.98px) {
.b-order-details .b-total-sum__divider {
display: none;
}
}
@media (min-width: 1024px) {
.b-order-details .b-total-sum__divider {
padding-top: 2rem;
margin-top: 1rem;
}
}
.b-order-details .next-step-button {
display: none;
}
.b-order-details .m-wishlist-btn {
display: none;
}
.b-order-details .b-credit-card-number {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.b-order-details .b-credit-card-number__icon {
height: 1.0625rem;
margin-left: 1rem;
}
.b-order-details .b-summary-details__header {
display: none;
}
.b-order-details .b-account-scrollable .b-summary-details:not(.b-payment-info__details) {
display: none;
}
@media (max-width: 1023.98px) {
.b-order-details .b-account-scrollable .summary-details {
margin-right: -1rem;
margin-left: -1rem;
padding-right: 1rem;
padding-left: 1rem;
}
}
.b-order-details .b-account-scrollable .b-payment-info__details .summary-details {
padding-bottom: 2rem;
}
.b-order-details-dates {
padding-bottom: 2rem;
border-bottom: 1px solid rgba(138, 141, 142, 0.2);
margin-bottom: 2rem;
}
@media (min-width: 1024px) {
.b-order-details-dates {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border: 1px solid rgba(138, 141, 142, 0.2);
border-radius: 8px;
padding-bottom: 0;
}
}
@media (max-width: 1023.98px) {
.b-order-details-dates {
margin-right: -1rem;
margin-left: -1rem;
padding-right: 1rem;
padding-left: 1rem;
}
}
@media (min-width: 1024px) {
.b-order-details-dates__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
border-right: 1px solid rgba(138, 141, 142, 0.2);
}
.b-order-details-dates__item:first-child {
border: 0;
}
}
.b-order-details-dates__info {
padding: 0.125rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media (min-width: 1024px) {
.b-order-details-dates__info {
padding: 0.5rem;
}
}
@media (min-width: 1024px) and (max-width: 1439.98px) {
.b-order-details-dates__info {
font-size: 0.875rem;
}
}
@media (min-width: 1440px) {
.b-order-details-dates__info {
padding: 1rem;
}
}
@media print {
.b-order-details-progress {
display: none;
}
}
@media (min-width: 1024px) {
.b-order-details-progress {
margin-bottom: 0.5rem;
}
}
.b-order-details-progress__label {
margin-bottom: 2rem;
}
@media (min-width: 1024px) and (max-width: 1439.98px) {
.b-order-details-progress__value {
font-size: 0.875rem;
}
}
.b-order-details-progress__track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 1024px) {
.b-order-details-progress__track {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.b-order-details-progress__track::before, .b-order-details-progress__track::after {
position: absolute;
content: "";
right: 0.375rem;
top: 0.9375rem;
width: 0.0625rem;
}
@media (min-width: 1024px) {
.b-order-details-progress__track::before, .b-order-details-progress__track::after {
right: 0;
top: 0.5625rem;
}
}
.b-order-details-progress__track::before {
height: 0;
background: #a33685;
z-index: 1;
}
@media (min-width: 1024px) {
.b-order-details-progress__track::before {
width: 0;
height: 0.0625rem;
}
}
.b-order-details-progress__track::after {
background-image: -webkit-gradient(linear, right top, right bottom, color-stop(33%, #a33685), color-stop(0%, rgba(255, 255, 255, 0)));
background-image: linear-gradient(to bottom, #a33685 33%, rgba(255, 255, 255, 0) 0%);
background-position: center;
background-size: 0.0625rem 0.5rem;
height: calc(100% - 1.875rem - 1.25rem);
}
@media (min-width: 1024px) {
.b-order-details-progress__track::after {
width: 100%;
background-image: -webkit-gradient(linear, right top, left top, color-stop(33%, #a33685), color-stop(0%, rgba(255, 255, 255, 0)));
background-image: linear-gradient(to left, #a33685 33%, rgba(255, 255, 255, 0) 0%);
background-size: 0.5rem 0.0625rem;
height: 0.0625rem;
}
}
@media (max-width: 1023.98px) {
.b-order-details-progress__track[data-progress-step=shipped]::before {
height: calc(calc(100% - 1.875rem - 1.25rem) / 2);
}
}
@media (min-width: 1024px) {
.b-order-details-progress__track[data-progress-step=shipped]::before {
width: 50%;
}
}
@media (max-width: 1023.98px) {
.b-order-details-progress__track[data-progress-step=delivered]::before {
height: calc(100% - 1.875rem - 1.25rem);
}
}
@media (min-width: 1024px) {
.b-order-details-progress__track[data-progress-step=delivered]::before {
width: 100%;
}
}
.b-order-details-progress__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
padding-bottom: 1.25rem;
}
@media (min-width: 1024px) {
.b-order-details-progress__item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
padding-bottom: 0;
}
}
.b-order-details-progress__item::before {
display: block;
position: absolute;
right: 0;
top: calc((1.875rem - 0.75rem) / 2);
z-index: 1;
content: "";
width: 0.75rem;
height: 0.75rem;
border-radius: 50%;
background: #fff;
border: 1px solid #a33685;
-webkit-box-shadow: 0 0 0 0.125rem #fff;
box-shadow: 0 0 0 0.125rem #fff;
}
@media (min-width: 1024px) {
.b-order-details-progress__item::before {
top: 0;
-webkit-transform: translateY(0);
transform: translateY(0);
position: relative;
margin-bottom: 0.5rem;
width: 1.125rem;
height: 1.125rem;
}
}
@media (min-width: 1024px) {
.b-order-details-progress__item:first-child {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
text-align: right;
}
.b-order-details-progress__item:first-child .b-order-details-progress__value::before {
margin-right: 0;
}
}
@media (min-width: 1024px) {
.b-order-details-progress__item:last-child {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
text-align: left;
}
.b-order-details-progress__item:last-child .b-order-details-progress__value::before {
margin-left: 0;
}
}
[data-progress-step=new] .b-order-details-progress__item:nth-child(1)::before {
background-color: #a33685;
}
[data-progress-step=shipped] .b-order-details-progress__item:nth-child(1)::before, [data-progress-step=shipped] .b-order-details-progress__item:nth-child(2)::before {
background-color: #a33685;
}
[data-progress-step=delivered] .b-order-details-progress__item::before {
background-color: #a33685;
}
.b-order-details-progress__value,
.b-order-details-progress .b-order-details__date {
padding-right: 1.375rem;
}
@media (min-width: 1024px) {
.b-order-details-progress__value,
.b-order-details-progress .b-order-details__date {
padding-right: 0;
}
}
.cancel-modal {
border-radius: 6px;
overflow: hidden;
}
.cancel-modal .modal-header {
padding: 20px 20px 12px;
background: #ffffff;
border-bottom: 1px solid #f0f0f0;
}
.cancel-modal .modal-header .modal-title {
font-weight: 700;
font-size: 18px;
color: #222;
}
.cancel-modal .modal-header .btn-close {
margin: -6px 0 0 -6px;
}
.cancel-modal .info-strip {
background: #e6f7e9;
border-bottom: 1px solid #cfeed9;
gap: 12px;
}
.cancel-modal .info-strip .info-text {
color: rgb(140.4447368421, 147.25, 154.0552631579);
font-size: 13px;
line-height: 1.25;
margin-right: 4px;
}
.cancel-modal .modal-body {
padding: 18px 20px;
font-size: 14px;
color: #333;
}
.cancel-modal .modal-body label {
font-size: 14px;
color: #6b6b6b;
margin-bottom: 0;
}
.cancel-modal .modal-body .reason-list {
margin-top: 8px;
}
.cancel-modal .modal-body .reason-list .custom-check {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 8px 0;
}
.cancel-modal .modal-body .reason-list .custom-check .form-check-input {
position: relative;
width: 18px;
height: 18px;
margin-left: 12px;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
border: 2px solid #d3d3d3;
border-radius: 4px;
display: inline-block;
vertical-align: middle;
-webkit-transition: all 0.12s ease-in-out;
transition: all 0.12s ease-in-out;
background: #fff;
}
.cancel-modal .modal-body .reason-list .custom-check .form-check-input:checked {
background: #2b9af3;
border-color: #2b9af3;
}
.cancel-modal .modal-body .reason-list .custom-check .form-check-input:checked::after {
content: "";
display: block;
width: 5px;
height: 9px;
border: 2px solid #fff;
border-top: 0;
border-right: 0;
-webkit-transform: rotate(-40deg);
transform: rotate(-40deg);
margin: 2px 5px 0 0;
}
.cancel-modal .modal-body .reason-list .custom-check .form-check-label {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.cancel-modal .modal-body textarea.form-control {
border-radius: 6px;
border: 1px solid #e4e4e4;
font-size: 14px;
resize: vertical;
min-height: 90px;
}
.cancel-modal .modal-body .modal-mock {
max-height: 120px;
-o-object-fit: contain;
object-fit: contain;
border-radius: 4px;
-webkit-box-shadow: 0 6px 20px rgba(20, 20, 20, 0.06);
box-shadow: 0 6px 20px rgba(20, 20, 20, 0.06);
}
.cancel-modal .modal-footer {
padding: 12px 20px 18px;
background: #fafafa;
border-top: 1px solid #f0f0f0;
}
.cancel-modal .modal-footer .btn-link {
text-decoration: none;
color: #6b6b6b;
font-weight: 600;
}
.cancel-modal .modal-footer .btn-primary {
min-width: 140px;
border-radius: 6px;
background: red;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
padding: 5px 18px;
font-size: 14px;
}
.cancel-modal .modal-footer .btn-primary::after {
display: none;
}
.extra-comments {
margin-top: 10px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.extra-comments.hidden {
display: none;
}
.info-icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 30px;
flex: 0 0 30px;
height: 30px;
border-radius: 50%;
background: #ffffff;
color: #2c7a47;
font-weight: 700;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 30px;
margin-left: 8px;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid transparent;
}
.btn-cancel-order {
white-space: nowrap;
min-width: auto;
font-size: 13px;
background: #ff5959 !important;
padding: 8px 5px 7px 18px;
border-radius: 50px;
}
.btn-cancel-order::after {
display: none;
}
.btn-cancel-order .info-icon {
background: rgba(255, 255, 255, 0.2);
color: #ffffff;
}
.b-change-order-status__select + .select2 .select2-selection {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.875rem;
line-height: 1rem;
padding: 0.9375rem 1rem;
border: 0.0625rem solid #231f20;
border-radius: 0.375rem;
color: #231f20;
}
[dir=rtl] .b-change-order-status__select + .select2 .select2-selection {
padding: 0.9375rem 1rem;
}
.b-change-order-status__select + .select2 .select2-selection__rendered {
display: inline;
color: #8a8d8e;
line-height: 1rem;
padding: 0;
border: 0;
}
[dir=rtl] .b-change-order-status__select + .select2 .select2-selection__rendered {
padding: 0;
}
.b-change-order-status__select--changed + .select2 .select2-selection__rendered {
color: #231f20;
line-height: 1rem;
padding: 0 0 0 1.5rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
[dir=rtl] .b-change-order-status__select--changed + .select2 .select2-selection__rendered {
padding: 0 0 0 1.5rem;
}
.b-change-order-status .modal-content {
border-radius: 8px 8px 0 0;
}
@media (min-width: 1024px) {
.b-change-order-status .modal-content {
border-radius: 12px;
}
}
.b-change-order-status .modal-header {
padding: 0;
border: 0;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.b-change-order-status .modal-body {
padding-top: 0;
}
.b-change-order-status .modal-title {
font-size: 1.125rem;
margin-bottom: 0.5rem;
}
@media (min-width: 1024px) {
.b-change-order-status .modal-title {
margin-bottom: 0;
}
}
@media (min-width: 1024px) {
.b-change-order-status .modal-text {
font-size: 1rem;
line-height: 1.875rem;
}
}
.b-change-order-status .form-control {
padding: 0.75rem 1rem;
}
.b-change-order-status textarea.form-control {
height: 9.3125rem;
}
.b-change-order-status textarea.form-control::-webkit-input-placeholder {
color: #8a8d8e;
}
.b-change-order-status textarea.form-control::-moz-placeholder {
color: #8a8d8e;
}
.b-change-order-status textarea.form-control:-ms-input-placeholder {
color: #8a8d8e;
}
.b-change-order-status textarea.form-control::-ms-input-placeholder {
color: #8a8d8e;
}
.b-change-order-status textarea.form-control::placeholder {
color: #8a8d8e;
}
.b-change-order-status button.btn-secondary {
margin-top: 1rem;
width: 100%;
}
.b-change-order-status .select-default-value {
color: #8a8d8e;
}
.b-change-order-status .select2-container {
width: 100% !important;
}
.b-account-phone__error-message {
margin-bottom: 1rem;
color: #e03e52;
font-size: 0.75rem;
}
@media (max-width: 1023.98px) {
.b-account-phone .b-account-scrollable__btn {
row-gap: 1rem;
}
}
@media (min-width: 1024px) {
.b-account-phone .b-account-scrollable__btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-column-gap: 2rem;
-moz-column-gap: 2rem;
column-gap: 2rem;
}
}
.request-otp-btn {
background: #e5ffeb;
padding: 3px 13px;
border: 1px solid #00d12b;
border-radius: 8px;
font-size: 13px;
margin-top: 7px;
float: right;
position: absolute;
top: 1px;
left: 9px;
color: #00d900;
}