/* inputs */
/* categories navigation */
/* compare products */
/* page structure */
/* mechanics and animations */
/* --- components ---- */
/* no image icon */
/* basic dropdowns (dropdowns from init.js) */
/* miniboxes */
/* waiting circle */
/* newsletter */
/* header */
/* stepper */
/* tables */
/* tooltips */
/* tooltips and modals */
/* ---- pages ---- */
/* product list */
/* product details */
/* message bars and texts */
/* cart */
/* editing order stuff */
/* Other */
.refunds-page-title {
margin: 0 0 24px;
font-size: 24px;
font-weight: 500;
line-height: 32px;
color: rgba(46,46,46,1.00);
}
.refunds-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 32px;
margin-bottom: 32px;
color: rgba(46,46,46,1.00);
}
.refunds-info {
align-self: flex-start;
display: flex;
flex-direction: column;
gap: 16px;
width: 100%;
max-width: 800px;
}
.refunds-info__title {
margin: 0;
font-size: 20px;
font-weight: 600;
line-height: 28px;
color: rgba(46,46,46,1.00);
}
.refunds-info__intro {
margin: 0;
font-size: 16px;
font-weight: 500;
line-height: 24px;
color: rgba(46,46,46,1.00);
}
.refunds-info__hint {
margin: 4px 0 0;
font-size: 12px;
font-weight: 400;
line-height: 20px;
color: #767676;
}
.refunds-steps {
display: flex;
flex-direction: column;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}
.refunds-steps__item {
display: flex;
align-items: center;
gap: 12px;
}
.refunds-steps__number {
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 50%;
background-color: #f3f3f3;
color: rgba(33,90,60,1.00);
font-size: 14px;
font-weight: 600;
line-height: 20px;
}
.refunds-steps__text {
margin: 0;
font-size: 14px;
font-weight: 400;
line-height: 22px;
color: rgba(46,46,46,1.00);
}
.refunds-steps__text strong {
font-weight: 600;
}
.refunds-cta {
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
width: 100%;
max-width: 578px;
padding: 40px;
background-color: rgba(255,255,255,1.00);
border: 1px solid rgba(221,221,221,1.00);
border-radius: 8px;
}
.refunds-cta__header {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
width: 100%;
}
.refunds-cta__title {
margin: 0;
font-size: 24px;
font-weight: 600;
line-height: 32px;
text-align: center;
color: rgba(46,46,46,1.00);
}
.refunds-cta__description {
margin: 0;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: center;
color: #767676;
}
.refunds-cta__button {
width: 100%;
text-decoration: none;
}
.refund-form-section {
display: flex;
justify-content: center;
width: 100%;
margin-bottom: 32px;
}
.refund-form {
box-sizing: border-box;
width: 100%;
max-width: 578px;
padding: 40px;
background-color: rgba(255,255,255,1.00);
border: 1px solid rgba(221,221,221,1.00);
border-radius: 8px;
}
.refund-form__header {
display: flex;
flex-direction: column;
gap: 12px;
margin-bottom: 32px;
}
.refund-form__title {
margin: 0;
font-size: 24px;
font-weight: 600;
line-height: 32px;
color: rgba(46,46,46,1.00);
}
.refund-form__description {
margin: 0;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #767676;
}
.refund-form__body {
display: flex;
flex-direction: column;
}
.refund-form .form__input-wrapper .form__input-value.validation-error-js {
border-color: rgba(218,36,66,1.00);
color: rgba(218,36,66,1.00);
}
.refund-form .form__input-wrapper .form__invalid-input {
position: static;
display: block;
margin: 4px 0 0;
padding-left: 16px;
text-align: left;
font-size: 12px;
font-weight: 400;
line-height: 16px;
color: rgba(218,36,66,1.00);
}
.refund-form__submit {
width: 100%;
margin-top: 4px;
}
.refund-form__login-info {
margin: 16px 0 0;
text-align: center;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: rgba(46,46,46,1.00);
}
.refund-form__login-link {
color: rgba(33,90,60,1.00);
font-weight: 600;
cursor: pointer;
text-decoration: none;
}
.refund-form__login-link:hover {
text-decoration: underline;
}