/* @group @a-contact-form */

[class*="a-contact-form"] {
padding: 1.125rem;
background-color: var(--color-white);
}

/* @end @a-contact-form */

/* @group @a-contact-form */

[class*="a-contact-form"] {
padding: 1.125rem;
background-color: var(--color-white);
}

/* @end @a-contact-form */

/* @group @variables */

[class*="m-comfirm"],
[class*="a-comfirm-overlay"] {
--comfirm-visibility: hidden;
--comfirm-opacity: 0;
--comfirm-pointer-events: none;
}

[class*="m-comfirm"][class*="is-active"],
[class*="m-comfirm"][class*="is-active"] + [class*="a-comfirm-overlay"] {
--comfirm-visibility: visible;
--comfirm-opacity: 1;
--comfirm-pointer-events: auto;
}

/* @end @variables */

/* @group @m-comfirm */

[class*="m-comfirm"] {
position: fixed;
overflow: auto;
visibility: var(--comfirm-visibility);
z-index: 101;
top: 50%;
left: 50%;
opacity: var(--comfirm-opacity);
pointer-events: var(--comfirm-pointer-events);
transform: translate(-50%, -50%);
}

/* @end @m-comfirm */

/* -------------------------------------------------------- */

/* @group @reset-form */

input,textarea,option{box-sizing:border-box;border-radius:0;}
input,textarea,[contenteditable]{min-width:0;margin-top:0;margin-bottom:0;}
textarea{overflow:auto;vertical-align:top;resize:vertical;white-space:pre-wrap;}
input{vertical-align:baseline;}
input:disabled, textarea:disabled{pointer-events: none;}
input[type="search"],input[type="number"],input[type="date"],input[type="datetime"],input[type="password"],textarea,[contenteditable]{-webkit-appearance:none;}
input[type="checkbox"],input[type="radio"]{padding:0;}
input[type="text"],input[type="tel"],input[type="email"],input[type="date"],input[type="datetime"],input[type="search"],input[type="number"],input[type="file"],input[type="password"],textarea,input[type="submit"],input[type="button"],[contenteditable]{background-clip:padding-box;}
input[type="file"]{-webkit-appearance:none;overflow:hidden;display:block;}
fielset{margin-top:0;margin-inline:0;padding:0;border:0;}

legend{width:100%;padding:0;}

input[type="reset"]::-moz-focus-inner, 
input[type="button"]::-moz-focus-inner, 
input[type="submit"]::-moz-focus-inner, 
input[type="file"] > input[type="button"]::-moz-focus-inner{
padding:0;
border:0
}

input[type="text"],input[type="tel"],input[type="email"],input[type="date"],input[type="datetime"],input[type="search"],input[type="number"],input[type="file"],input[type="password"],textarea,input[type="submit"],input[type="button"],[contenteditable] {
font-size: inherit;
}

/*@media (width < 48em) { /* 0 -> 767px *!/
input[type="text"],input[type="tel"],input[type="email"],input[type="date"],input[type="datetime"],input[type="search"],input[type="number"],input[type="file"],input[type="password"],textarea,input[type="submit"],input[type="button"],[contenteditable]{font-size:16px;}

}*/

@media (pointer: coarse) {
input[type="text"],input[type="tel"],input[type="email"],input[type="date"],input[type="datetime"],input[type="search"],input[type="number"],input[type="file"],input[type="password"],textarea,input[type="submit"],input[type="button"],[contenteditable]{-webkit-text-size-adjust: none;text-size-adjust: none;}

}

@supports (field-sizing:content){
textarea{field-sizing: content;}/* https://caniuse.com/?search=field-sizing */
}

/* @end @reset-form */

/* @group @reset number */

input[type="number"]{-moz-appearance:textfield;background-clip:padding-box;}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;}

/* @end @reset number */

/* @group @reset date */

input[type="date"],
input[type="datetime"],
input[type="datetime-local"] {
position: relative;
overflow: hidden;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

input[type="date"]::-webkit-date-and-time-value,
input[type="datetime"]::-webkit-date-and-time-value,
input[type="datetime-local"]::-webkit-date-and-time-value {
text-align: left;
}

input[type="date"]::-webkit-outer-spin-button,
input[type="date"]::-webkit-inner-spin-button,
input[type="datetime"]::-webkit-outer-spin-button,
input[type="datetime"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-outer-spin-button,
input[type="datetime-local"]::-webkit-inner-spin-button {
display: none;
}

input[type="date"]::-webkit-clear-button,
input[type="datetime"]::-webkit-clear-button,
input[type="datetime-local"]::-webkit-clear-button {
webkit-appearance: none;
display: none;
}

input[type="date"]::-webkit-clear-button,
input[type="datetime"]::-webkit-clear-button,
input[type="datetime-local"]::-webkit-clear-button {
-webkit-appearance: none;
}

/* @end @reset date */

/* @group @reset select */

select {
-moz-appearance:none;-webkit-appearance:none;appearance:none;
margin:0;
padding-top:0;
padding-bottom:0;
border:0;
border-radius:0;
outline:0 none;
}

select:focus::-ms-value {
background:transparent;
color:inherit;
}

select:-moz-focusring,
select:hover:-moz-focusring,
select:focus:-moz-focusring {
-moz-appearance:none;
color:transparent;
text-shadow:0 0 0 hsl(0deg 0% 0% / 0%);
}

select:disabled{pointer-events: none;opacity: .5;}

/* @end @reset select */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="m-form-type-input"] {
--grid-template-columns: .75rem 1fr 0 .75rem;
--grid-template-rows: auto 1fr auto auto;
--form-entry-area-grid-column: 1 / span 4;
--form-precautions-grid-column: 2 / span 2;
}

@media (width >= 48em) { /* 768px -> * */

[class*="m-form-type-input"] {
--grid-template-columns: .75rem 12rem 1fr .75rem;
}

}

/* @end @variables */

/* @group @m-form-type-input */

[class*="m-form-type-input"] {
box-sizing: border-box;
display: grid;
grid-template-columns: var(--grid-template-columns);
grid-template-rows: var(--grid-template-rows);
}

[class*="a-form-label"] {
grid-column: 1 / span 4;
grid-row: 1;
}

[class*="a-form-entry-area"] {
grid-column: var(--form-entry-area-grid-column);
grid-row: 2;
}

[class*="a-form-precautions"] {
grid-column: var(--form-precautions-grid-column);
grid-row: 2;
}

[class*="a-form-note"] {
grid-column: 1 / span 4;
grid-row: 4;
}

[class*="a-error-message"],
[class*="m-form-type-input"] [class*="a-validation-error-message"] {
grid-column: 1 / span 4;
grid-row: 3;
}

/* @end @m-form-type-input */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="a-form-label"] {
--font-weight: 500;
}

/* @end @variables */

/* @group @a-form-label */

[class*="a-form-label"] {
display: flex;
flex-wrap: wrap;
margin-bottom: .75rem;
font-size: .875rem;
line-height: 1.71428571;
color: hsl(240deg 4% 16%);
font-weight: var(--font-weight);
}

/* @end @a-form-label */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="a-status-required"] {
--status-label-background-color: hsl(99deg 52% 45%);
}

[class*="a-status-any"] {
--status-label-background-color: hsl(221deg 10% 50%);
}

/* @end @variables */

/* @group @a-status-required */

[class*="a-status"] {
align-self: center;
display: grid;
place-items: center;
width: 2.625rem;
height: 1.125rem;
margin-left: .375rem;
border-radius: .25rem;
background-color: var(--status-label-background-color);
font-size: .625rem;
line-height: 1.21.8;
color: var(--color-white);
}

/* @end @a-status-required */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="a-input"],
[class*="a-textarea"] {
--input-padding-right: calc(.75rem - 1px);
--input-padding-left: calc(.75rem - 1px);
--input-background-color: var(--background-color);
--input-border-color: hsl(220deg 5% 90%);
--input-box-shadow: inset 0 0 0 1px transparent, 0 1px .375rem hsl(220deg 5% 90%);
}

[class*="a-input"] {
--input-height: 3.75rem;
}

[class*="a-textarea"] {
--input-padding-top: calc(.75rem - 1px);
--input-padding-right: calc(.75rem - 1px);
--input-padding-left: calc(.75rem - 1px);
--input-padding-bottom:: calc(.75rem - 1px);
}

[class*="a-input"]:not(:disabled):hover,
[class*="a-textarea"]:not(:disabled):hover {
--input-border-color: var(--color-form-checked);
}

[class*="a-input"]:not(:placeholder-shown),
[class*="a-input"]:focus,
[class*="a-textarea"]:not(:placeholder-shown),
[class*="a-textarea"]:focus {
--input-padding-top: calc(1.5rem - 1px);
}

[class*="a-input"]:-webkit-autofill,
[class*="a-input"]:autofill,
[class*="a-textarea"]:-webkit-autofill,
[class*="a-textarea"]:autofill {
--input-padding: calc(1.5rem - 1px) calc(2.5rem - 1px) calc(.75rem - 1px) calc(.75rem - 1px);
--input-background-image: url('../img/sprite-form-svg.svg#icon-autofill-success');
--input-background-color: transparent;
--input-border-color: var(--color-autofill-primary);
--input-box-shadow: inset 0 0 0 1px var(--color-autofill-primary), inset 0 0 0 1000px var(--color-autofill-secondary), 0 1px .375rem hsl(220deg 5% 90%);
--input-autofill-text-color: hsl(52deg 64% 45%);
}

[class*="a-input"][required]:user-invalid:not(:focus),
[class*="a-textarea"][required]:user-invalid:not(:focus) {
--input-padding-right: calc(2.5rem - 1px);
--input-background-image: url('../img/sprite-form-svg.svg#icon-alert-error');
--input-background-color: var(--color-error-secondary);
--input-border-color: var(--color-form-error);
--input-box-shadow: inset 0 0 0 1px var(--color-form-error), 0 1px .375rem hsl(220deg 5% 90%);
}

[class*="a-input"][required]:user-valid:not(:focus),
[class*="a-textarea"][required]:user-valid:not(:focus) {
--input-padding-top: calc(1.5rem - 1px);
--input-padding-right: calc(2.5rem - 1px);
--input-background-image: url('../img/sprite-form-svg.svg#icon-validate-success');
--input-border-color: var(--color-form-success);
--input-box-shadow: inset 0 0 0 1px var(--color-form-success), 0 1px .375rem hsl(220deg 5% 90%);
--input-background-color: var(--color-success-secondary);
--input-border-color: var(--color-success-primary);
--input-box-shadow: inset 0 0 0 1px var(--color-success-primary), 0 1px .375rem hsl(220deg 5% 90%);
}

[class*="a-input"]:focus,
[class*="a-textarea"]:focus {
--input-padding-top: calc(1.5rem - 1px);
--input-padding-right: calc(.75rem - 1px);
--input-padding-left: calc(.75rem - 1px);
--input-padding-bottom:: calc(.75rem - 1px);
--input-background-color: var(--color-white);
--input-border-color: var(--color-form-checked);
--input-box-shadow: inset 0 0 0 1px var(--color-form-checked), 0 1px .375rem hsl(220deg 5% 90%);
}

input[type="date"][class*="a-input"]::-webkit-calendar-picker-indicator {
-webkit-calendar-picker-indicator-right: .75rem;
}

[class*="a-input"]:disabled,
[class*="a-textarea"]disabled {
--input-background-color: var(--color-input-disabled);
--input-color: var(--color-text-disabled);
}

[class*="a-input"],
[class*="a-textarea"] {
--input-width: 100%;
}

input[type="date"][class*="a-input"]:user-valid::-webkit-calendar-picker-indicator,
input[type="date"][class*="a-input"]:user-invalid::-webkit-calendar-picker-indicator {
-webkit-calendar-picker-indicator-right: 2.25rem;
}

@media (width >= 48em) { /* 768px -> * */

[class*="a-input-postalcode"] {
--input-width: 9rem;
}

[class*="a-input-prefectures"] {
--input-width: 9rem;
}

[class*="a-input-tel"] {
--input-width: 12rem;
}

[class*="a-input-date"] {
--input-width: 12rem;
}

[class*="a-input-text-cc-expiry"],
[class*="a-input-text-cc-csc"] {
--input-width: 9rem;
}

}

/* @end @variables */

/* @group @a-input */

[class*="a-input"],
[class*="a-textarea"] {
box-sizing: border-box;
position: relative;
display: grid;
align-items: center;
width: var(--input-width);
padding-top: var(--input-padding-top);
padding-right: var(--input-padding-right);
padding-left: var(--input-padding-left);
padding-bottom: var(--input-padding-bottom);
background-image: var(--input-background-image);
background-color: var(--input-background-color);
background-position: calc(100% - .75rem) center;
background-repeat: no-repeat;
background-size: 1rem auto;
border: 1px solid var(--input-border-color);
box-shadow: var(--input-box-shadow);
color: var(--input-color);
caret-color: var(--input-color);
transition: var(--input-form-input-transition);
}

[class*="a-input"] {
height: var(--input-height);
}

[class*="a-textarea"] {
min-height: 6.75rem;
}

[class*="a-input"]:-webkit-autofill,
[class*="a-input"]:autofill,
[class*="a-textarea"]:-webkit-autofill,
[class*="a-textarea"]:autofill {
-webkit-text-fill-color: var(--autofill-text-color);
}

@supports (field-sizing: content) {
[class*="a-textarea"] {
field-sizing: content;/* https://caniuse.com/?search=field-sizing */
}

}

input[type="date"][class*="a-input"] {
padding-top: 1.5rem;
padding-left: 2.25rem;
background-image: url('../img/sprite-form-svg.svg#icon-date');
background-position: .75rem 2.0625rem;
background-repeat: no-repeat;
background-size: 1rem 1rem;
cursor: pointer;
}

input[type="date"][class*="a-input"]::-webkit-calendar-picker-indicator {
content: '';
position: absolute;
top: 1.875rem;
left: .75rem;
width: 1rem;
height: 1rem;
background-image: none;
opacity: 0;
}

/*[class*="a-input"]:-webkit-autofill,
[class*="a-textarea"]:autofill {
-webkit-text-fill-color: var(--color-brand);
text-fill-color: var(--color-brand-text);
caret-color: var(--color-text);
}

[class*="a-input"]:disabled,
[class*="a-textarea"]:disabled {
opacity: .5;
-webkit-text-fill-color: var(--color-text-disabled);
text-fill-color: var(--color-text-disabled);
}*/
/*[class*="a-input"]:not(:placeholder-shown),
[class*="a-input"]:focus,
[class*="a-textarea"]:not(:placeholder-shown),
[class*="a-textarea"]:focus {
padding-top: calc(1.5rem - 1px);
}*/

[class*="a-input"]::-webkit-input-placeholder{font-size: .875rem;}
[class*="a-input"]::-moz-placeholder{font-size: .875rem;}
[class*="a-input"]::placeholder{font-size: .875rem;}
[class*="a-textarea"]::-webkit-input-placeholder{font-size: .875rem;}
[class*="a-textarea"]::-moz-placeholder{font-size: .875rem;}
[class*="a-textarea"]::placeholder{font-size: .875rem;}

[class*="a-input"]:focus::-webkit-input-placeholder {opacity:0;}
[class*="a-input"]:focus::-moz-placeholder {opacity:0;}
[class*="a-input"]:focus::placeholder{opacity:0;}
[class*="a-textarea"]:focus::-webkit-input-placeholder {opacity:0;}
[class*="a-textarea"]:focus::-moz-placeholder {opacity:0;}
[class*="a-textarea"]:focus::placeholder{opacity:0;}

/* @end @a-input */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="a-form-check-detail"] {
--check-grid-template-columns: .875rem 1fr;
--check-grid-template-rows: .1875rem 1fr .1875rem;
--check-gap: 0 .5rem;
}

[class*="a-form-check-detail"] {
--check-padding: calc(.375rem - 1px) calc(.75rem - 1px);
--check-background-color: var(--color-white);
--check-border-color: hsl(220deg 5% 90%);
--check-hover-border-color: var(--color-form-checked);
--check-border-radius: .25rem;
--check-box-shadow: inset 0 0 0 1px transparent, 0 1px .1875rem hsl(220deg 6% 90% / 50%);
}

[class*="a-form-check-detail"]:has(input:checked) {
--check-border-color: var(--color-form-checked);
--check-box-shadow: inset 0 0 0 1px var(--color-form-checked), 0 1px .375rem hsl(220deg 5% 90%);
}

/* @end @variables */

/* @group @m-form-check */

[class*="m-form-check"] {
position: relative;
z-index: 2;
}

[class*="a-form-check-detail"] {
box-sizing: border-box;
display: grid;
align-items: center;
grid-template-columns: var(--check-grid-template-columns);
grid-template-rows: var(--check-grid-template-rows);
gap: var(--check-gap);
padding: var(--check-padding);
background-color: var(--check-background-color);
border: 1px solid var(--check-border-color);
border-radius: var(--check-border-radius);
box-shadow: var(--check-box-shadow);
font-size: .875rem;
line-height: 1.71428571;
cursor: pointer;
transition: var(--form-check-block-transition);
}

[class*="a-form-check-detail"]:focus {
border-color: var(--check-hover-border-color);
}

[class*="a-form-check-detail"]:has(input:focus-visible) {
border-color: var(--check-hover-border-color);
outline: 2px dashed var(--focus-visible-outline-color);
outline-offset: .1875rem;
}

[class*="a-form-check-icon"] {
grid-column: 1;
grid-row: 2;
}

[class*="a-form-check-label"] {
grid-column: 2;
grid-row: 1 / span 2;
}

[class*="a-check-hidden"] {
position: absolute;
z-index: -100;
width: 0;
height: 0;
opacity: 0;
clip: rect(1px, 1px, 1px, 1px);
}

/* @end @m-form-check */

/* --------------------------------------------------------*/

/* @group @variables */

[class*="m-check-list"] {
--grid-template-columns: repeat(2, 1fr);
--gap: 1.5rem;
}

@media (width >= 48em) { /* 768px -> * */

[class*="m-check-list"] {
--grid-template-columns: repeat(2, 1fr);
}

}

/* @end @variables */

/* @group @m-check-list */

[class*="m-check-list"] {
display: grid;
grid-template-columns: var(--grid-template-columns);
gap: .75rem;
}

/* @end @am-check-list */ 
/* @group @variables */

[class*="a-form-check-icon"] {
--background-color: var(--color-white);
--border-color: hsl(240deg 5% 65%);
}

[class*="a-check-hidden"]:checked ~ [class*="a-form-check-icon"] {
--background-image: url('../img/sprite-form-svg.svg#icon-checkbox-white');
--background-color: hsl(198deg 75% 47%);
--border-color: hsl(198deg 75% 47% / 0%);
}

/* @end @variables */

/* @group @a-form-check-icon */

[class*="a-form-check-icon"] {
display: grid;
width: 1rem;
height: 1rem;
border: 1px solid var(--border-color);
background-image: var(--background-image);
background-color: var(--background-color);
background-position: center center;
background-repeat: no-repeat;
background-size: .5rem .5rem;
border-radius: 50%;
transition: var(--form-check-icon-transition);
}

/* @end @a-form-check-icon */

/* -------------------------------------------------------- */

/* @group @a-error-message-text */

[class*="a-error-message"] {
overflow: hidden;
visibility: hidden;
display: block;
max-height: 0;
padding-left: 1.25rem;
background-image: url('../img/sprite-form-svg.svg#icon-alert-error');
background-position: 0 .25rem;
background-repeat: no-repeat;
background-size: 1rem 1rem;
color: var(--color-error-primary);
}

[class*="a-input"][required]:user-invalid ~ [class*="a-error-message"],
[class*="a-textarea"][required]:user-invalid ~ [class*="a-error-message"] {
visibility: visible;
opacity: 1;
max-height: 3rem;
margin-top: .75rem;
}

/* @end @a-error-message */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="a-form-note"] {
--form-note-margin-top: 1.125rem;
--span-font-size: .875rem;
--span-line-height: 1.71428571;
}

[class*="a-form-note-primary"] {
--form-note-padding: .75rem;
--form-note-background-color: hsl(240deg 25% 95%);
}

:where([class*="a-form-billing-info"]) [class*="a-form-note"] {
--form-note-background-color: var(--color-white);
}

[class*="has-error"] [class*="a-form-note"] {
--form-note-margin-top: .75rem;
}

[class*="a-form-note"] ul:not([class]) {
--content-list-marker-spacing: .75rem;
--content-list-marker-background-position: 0 .5625rem;
--content-list-marker-background-size: .375rem .375rem;
--font-size: .875rem;
--line-height: 1.71428571;
}

/* @end @variables */

/* @group @a-form-note */

[class*="a-form-note"] {
margin-top: var(--form-note-margin-top);
padding: var(--form-note-padding);
background-color: var(--form-note-background-color);
}

[class*="a-form-note-primary"] {
background-image: url('../img/sprite-form-svg.svg#icon-alert-info');
background-position: .75rem 1rem;
background-size: 1rem 1rem;
background-repeat: no-repeat;
}

/* @end @a-form-note */

/* -------------------------------------------------------- */

/* @group @a-form-precautions */

[class*="a-form-precautions"] {
position: relative;
overflow: hidden;
visibility: hidden;
display: grid;
align-items: center;
height: 1.5rem;
font-size: .625rem;
opacity: 0;
pointer-events: none;
transition: opacity var(--transition-time) 0s var(--transition-cubic-bezier), visibility 0s var(--transition-time) var(--transition-cubic-bezier);
}

[class*="a-input"]:focus ~ [class*="a-form-precautions"],
[class*="a-input"]:not(:placeholder-shown) ~ [class*="a-form-precautions"],
[class*="a-textarea"]:focus ~ [class*="a-form-precautions"],
[class*="a-textarea"]:not(:placeholder-shown) ~ [class*="a-form-precautions"] {
visibility: visible;
opacity: 1;
transition: opacity var(--transition-time) 0s var(--transition-cubic-bezier), visibility 0s 0s var(--transition-cubic-bezier);
}

/* @end @a-form-precautions */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="a-select"] {
--select-icon-dropdown: url('../img/sprite-form-svg.svg#icon-select');
--select-background-image: linear-gradient(-180deg, hsl(0deg 0% 100%) 0%, hsl(220deg 23% 97.5%) 100%);
--select-border-color: hsl(220deg 5% 90%);
--select-box-shadow: inset 0 0 0 1px transparent, 0 1px .375rem hsl(220deg 5% 90%);
--select-transition: background-image var(--transition-time) 0s cubic-bezier(.6, .5, .5, .75), background-color var(--transition-time) 0s cubic-bezier(.6, .5, .5, .75), border-color var(--transition-time) 0s cubic-bezier(.6, .5, .5, .75), color var(--transition-time) 0s var(--transition-cubic-bezier);
}

[class*="a-select"][required]:user-valid:not(:focus) {
--select-padding-top: calc(1.5rem - 1px);
--select-padding-right: calc(2.5rem - 1px);
--select-background-image: linear-gradient(-180deg, hsl(0deg 0% 100%) 0%, hsl(120deg 20% 97.5%) 100%);
--select-background-icon: url('../img/sprite-form-svg.svg#icon-validate-success');
--select-border-color: var(--color-form-success);
--select-box-shadow: inset 0 0 0 1px var(--color-form-success), 0 1px .375rem hsl(220deg 5% 90%);
--select-background-color: var(--color-success-secondary);
--select-border-color: var(--color-success-primary);
--select-box-shadow: inset 0 0 0 1px var(--color-success-primary), 0 1px .375rem hsl(220deg 5% 90%);
}

[class*="a-select"]:not(:disabled):hover {
--select-background-color: var(--color-white);
--select-border-color: var(--color-form-checked);
}

[class*="a-select"]:not(:disabled):focus {
--select-border-color: var(--color-form-checked);
--select-box-shadow: inset 0 0 0 1px var(--color-form-checked), 0 1px .375rem hsl(220deg 5% 90%);
}

[class*="a-select"][required]:user-valid:not(:focus) {
--select-background-image: linear-gradient(-180deg, hsl(0deg 0% 100%) 0%, hsl(355deg 20% 97.5%) 100%);
--select-background-icon: url('../img/sprite-form-svg.svg#icon-validate-success');
--select-border-color: var(--color-form-success);
--select-box-shadow: inset 0 0 0 1px var(--color-form-success), 0 1px .375rem hsl(220deg 5% 90%);
}

[class*="a-select"][required]:user-invalid:not(:focus) {
--select-background-image: linear-gradient(-180deg, hsl(0deg 0% 100%) 0%, hsl(355deg 20% 97.5%) 100%);
--select-background-icon: url('../img/sprite-form-svg.svg#icon-validate-success');
--select-border-color: var(--color-form-error);
--select-box-shadow: inset 0 0 0 1px var(--color-form-error), 0 1px .375rem hsl(220deg 5% 90%);
}

[class*="a-select"]:disabled {
--select-background-color: var(--color-input-disabled);
--select-color: var(--color-text-disabled);
}

/* @end @variables */

/* @group @a-select */

[class*="a-select"] {
box-sizing: border-box;
display: grid;
align-items: center;
width: var(--select-width);
min-height: 3rem;
padding-right: calc(2.25rem - 1px);
padding-left: calc(.75rem - 1px);
background-color: var(--select-background-color);
background-image: var(--select-icon-dropdown), var(--select-background-image);
background-position: calc(100% - .75rem) center, 0 0;
background-repeat: no-repeat;
background-size: calc(.1875rem * 3) auto, 100% 100%;
border: 1px solid var(--select-border-color);
box-shadow: var(--select-box-shadow);
color: var(--select-color);
caret-color: var(--select-color);
transition: var(--select-transition);
white-space: nowrap;
}

/* @end @a-select */

/* -------------------------------------------------------- */

/* @group @m-form-group */

[class*="m-form-group"] {
display: grid;
align-content: start;
grid-auto-flow: row;
grid-auto-columns: 1fr;
gap: 3rem;
}

/* @end m-form-group */