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

/* @group @variables - form color */

:root {
--form-input-background-color: hsl(220deg 20% 97.5%);
--form-input-border-color: hsl(220deg 20% 80%);

--color-label: hsl(240deg 4% 6%);
--color-input-disabled: hsl(220deg 5% 60% / 50%);
--color-form-checked-primary: hsl(198deg 75% 47.5%);
--color-form-checked-secondary: hsl(198deg 75% 95%);
--color-form-error: hsl(0deg 75% 47.5%);
--color-form-success: hsl(150deg 75% 47.5%);
--check-border: hsl(240deg 5% 65%);

--color-form-icon: hsl(242.5deg 5% 85%);
--color-autofill-primary: hsl(150deg 90% 45%);
--color-autofill-secondary: hsl(150deg 90% 95%);
--color-input-disabled: hsl(220deg 10% 85%);
--color-success-primary: hsl(120deg 55% 45%);
--color-success-secondary: hsl(120deg 60% 95%);
--color-error-primary: hsl(355deg 55% 55%);
--color-error-secondary: hsl(355deg 60% 95%);
--color-warning-primary: hsl(50deg 95% 47.5%);
--color-warning-secondary:hsl(50deg 100% 95%);
--color-focus-primary: hsl(205deg 55% 55%);
--color-focus-secondary: hsl(205deg 90% 97.5%);
--color-focus-tertiary: hsl(205deg 55% 75%);
}

/* @end @variables - form color */

/* @group @variables - transition */

:root {

/* transform */
--transform-transition: transform var(--transition-time) 0s var(--transition-cubic-bezier);
--transform-none-transition: transform 0s 0s var(--transition-cubic-bezier);

/* position */
--position-transition: position var(--transition-time) 0s var(--transition-cubic-bezier);
--position-wait-transition: position 0s var(--transition-time) var(--transition-cubic-bezier);
--position-none-transition: position 0s 0s var(--transition-cubic-bezier);

/* 背景色 */
--input-background-color-transition: background-color var(--transition-time) 0s var(--transition-cubic-bezier);

/* 背景画像1 */
--background-position-transition: background-position var(--transition-time) 0s var(--transition-cubic-bezier);

/* max-height */
--max-height-transition: max-height var(--transition-time) 0s var(--transition-cubic-bezier);

/* 透過 */
--opacity-transition: opacity var(--transition-time) 0s var(--transition-cubic-bezier);

/* background-color */
--input-background-color-transition: background-color var(--transition-time) 0s var(--transition-cubic-bezier);

/* background-image */
--background-image-transition: background-image var(--transition-time) 0s var(--transition-cubic-bezier);

/* border-color */
--border-color-transition: border-color var(--transition-time) 0s var(--transition-cubic-bezier);

/* Link: background-color & color */
--form-primary-transition: background-color var(--transition-time) 0s cubic-bezier(.6, .5, .5, .75), color var(--transition-time) 0s var(--transition-cubic-bezier);

/* Link: background-image & background-color & color */
--form-secondary-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), color var(--transition-time) 0s var(--transition-cubic-bezier);

/* Link: color */
--form-proto-transition: color var(--transition-time) 0s var(--transition-cubic-bezier);

/* Link: border-color & color */
--form-primero-transition: border-color var(--transition-time) 0s cubic-bezier(.6, .5, .5, .75), color var(--transition-time) 0s var(--transition-cubic-bezier);

/* background-color & border-color & color */
--form-input-transition: background-color var(--transition-time) 0s cubic-bezier(.6, .5, .5, .75), border-color var(--transition-time) 0s cubic-bezier(.6, .5, .5, .75), box-shadow var(--transition-time) 0s var(--transition-cubic-bezier), color var(--transition-time) 0s var(--transition-cubic-bezier);

--form-check-block-transition: background-color var(--transition-time) 0s cubic-bezier(.6, .5, .5, .75), border-color var(--transition-time) 0s cubic-bezier(.6, .5, .5, .75), box-shadow var(--transition-time) 0s var(--transition-cubic-bezier), color var(--transition-time) 0s var(--transition-cubic-bezier);

--form-check-icon-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), color var(--transition-time) 0s var(--transition-cubic-bezier);
}

/* @end @variables - transition */

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

/* --------------------------------------------------------
* reset-form.css
--------------------------------------------------------*/

/* @group @reset-form */

input,textarea,option{box-sizing:border-box;border-radius:0;outline:none;}

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]{outline:none;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;}
}

input:focus-visible,
textarea:focus-visible,
button:focus-visible,
a:focus-visible {
outline: 2px dashed var(--focus-visible-outline-color);
outline-offset: .1875rem;
}

/* @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 search-form */

input[type="search"],
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}

@media (width < 48em) { /* 0 -> 767px */
input[type="search"]{font-size:16px;}
}

input::-ms-clear{display:none;}
input::-ms-reveal{display:none;}
select::-ms-expand{display:none;}

::-webkit-input-placeholder{font-size:inherit;line-height:inherit;}
::-moz-placeholder{font-size:inherit;line-height:inherit;}
::-ms-input-placeholder{font-size:inherit;line-height:inherit;}
::placeholder{font-size:inherit;line-height:inherit;}

/* @end @reset search-form */

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

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

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

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

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

/* @group @variables */

[class*="a-status-required"] {
--status-label-background-color: var(--color-primary);
}

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

/* @end @variables */

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

[class*="a-status"] {
align-self: center;
display: flex;
justify-content: center;
align-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(--form-input-background-color);
--input-border-color: transparent;
--input-box-shadow: inset 0 0 0 1px var(--form-input-border-color);
}

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

[class*="a-input-unit"] {
--input-width: 6rem;
--input-height: 3rem;
}

[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-primary);
--input-background-color: var(--form-input-background-color);
--input-box-shadow: none;
}

[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 1000px var(--color-autofill-secondary), 0 1px .375rem hsl(220deg 5% 90%);
--input-autofill-text-color: hsl(180deg 50% 20%);
}

[class*="a-input"][required]:user-invalid,
[class*="a-textarea"][required]:user-invalid {
--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: 0 1px .375rem var(--form-input-border-color);
}

[class*="a-input"][required]:user-valid,
[class*="a-textarea"][required]:user-valid {
--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 var(--form-input-border-color);
--input-background-color: var(--color-success-secondary);
--input-border-color: var(--color-success-primary);
--input-box-shadow: 0 1px .375rem var(--form-input-border-color);
}

[class*="has-error"] [class*="a-input"],
[class*="has-error"] [class*="a-textarea"],
[class*="has-error"] [class*="a-input"]:not(:placeholder-shown),
[class*="has-error"] [class*="a-input"]:not(:disabled):focus,
[class*="has-error"] [class*="a-textarea"]:not(:placeholder-shown),
[class*="has-error"] [class*="a-textarea"]:not(:disabled):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: 0 1px .375rem var(--form-input-border-color);
}

[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-primary);
--input-box-shadow:  0 1px .375rem var(--form-input-border-color);
}

[class*="a-input-unit"]:not(:placeholder-shown),
[class*="a-input-unit"]:-webkit-autofill,
[class*="a-input-unit"][required]:user-invalid,
[class*="a-input-unit"][required]:user-valid,
[class*="has-error"] [class*="a-input-unit"],
[class*="a-input-unit"]:focus {
--input-padding-top: calc(.375rem - 1px);
--input-padding-bottom:: calc(.375rem - 1px);
}

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"] {
--input-width: 12rem;
}

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

[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: 2px solid var(--input-border-color);
box-shadow: var(--input-box-shadow);
outline: none;
color: var(--input-color);
caret-color: var(--input-color);
transition: background-color .25s 0s cubic-bezier(.6, .5, .5, .75), border-color .25s 0s cubic-bezier(.6, .5, .5, .75), color .25s 0s var(--transition-cubic-bezier);
}

[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;
}

input[type="date"][class*="a-input"]::-webkit-calendar-picker-indicator {
content: url('../img/sprite-form-svg.svg#icon-calendar');
position: absolute;
top: 1.5rem;
right: var(--webkit-calendar-picker-indicator-right);
width: 1rem;
height: 1rem;
background: transparent;
cursor: pointer;
}

/*[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: 1.5rem 1fr;
--check-gap: 0 .5rem;
}

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

[class*="a-form-check-detail"]:hover {
--check-box-shadow: inset 0 0 0 1px var(--color-form-checked-primary), 0 1px .1875rem hsl(220deg 5% 90% / 50%);
}

[class*="a-form-check-detail"]:has(input:checked) {
--check-background-color: var(--color-form-checked-secondary);
--check-border-color: var(--color-form-checked-primary);
--check-box-shadow: 0 1px .375rem var(--form-input-border-color);
}

/* @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: 2px 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"]: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: 1;
}

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

[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(1, 1fr);
--gap: 1.5rem;
}

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

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

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

}

/* @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"] {
--check-icon-background-color: var(--color-white);
--check-icon-border-color: var(--check-border);
}

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

/* @end @variables */

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

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

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

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

/* @group variables - @a-btn-link */

[class*="a-button"] {
--btn-action-border-color: var(--color-primary-button-action);
--btn-active-border-color: var(--color-primary-button-active);
--btn-color: var(--color-white);
--btn-action-color: var(--color-primary);
--btn-active-color: var(--color-primary);
--btn-transition: var(--link-premier-transition);
}

/* @end variables - @a-btn-link */

/* @group @a-button */

[class*="a-button"] {
box-sizing: border-box;
position: relative;
overflow: hidden;
z-index: 3;
display: var(--btn-display);
align-content: center;
align-items: center;
grid-template-columns: var(--btn-grid-template-columns);
gap: var(--btn-gap);
width: var(--btn-width);
height: var(--btn-height);
margin-inline: var(--btn-margin-inline);
padding: var(--btn-padding);
background-image: var(--btn-background-image);
background-color: var(--btn-background-color);
border-width: 1px;
border-style: solid;
border-color: var(--btn-border-color);
border-radius: var(--btn-border-radius);
filter: var(--btn-filter);
font-size: var(--btn-font-size);
line-height: var(--btn-line-height);
color: var(--btn-color);
text-align: center;
text-transform: uppercase;
white-space: nowrap;
cursor: pointer;
text-decoration: none;
direction: var(--link-direction);
transition: var(--btn-transition);
backface-visibility: hidden;
direction: rtl;
}

[class*="a-button"],
[class*="a-button"]:focus,
[class*="a-button"]:active {
font-weight: var(--btn-font-weight);
backface-visibility: hidden;
}

[class*="a-button"]:focus {
background-color: var(--btn-action-background-color);
color: var(--btn-action-color);
}

@media (hover: hover) {

[class*="a-button"]:hover {
background-color: var(--btn-action-background-color);
color: var(--btn-action-color);
}

}

[class*="a-button"]:focus {
background-color: var(--btn-active-background-color);
color: var(--btn-active-color);
}

/* @end @a-button */

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

/* @group @variables */

[class*="a-form-checkbox"] {
--check-grid-template-columns: 1.5rem auto;
--check-gap: 0 .5rem;
}

[class*="a-form-checkbox"]:has(input:checked) {
--check-background-color: var(--color-form-checked-secondary);
--check-border-color: var(--color-form-checked-primary);
}

/* @end @variables */

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

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

[class*="a-form-checkbox"] {
box-sizing: border-box;
display: grid;
justify-content: start;
align-items: center;
grid-template-columns: var(--check-grid-template-columns);
grid-template-rows: var(--check-grid-template-rows);
gap: var(--check-gap);
width: fit-content;
font-size: .875rem;
line-height: 1.71428571;
cursor: pointer;
transition: var(--form-check-block-transition);
}

[class*="a-form-checkbox-remember"] {
margin: -1.5rem .75rem 0;
}

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

[class*="a-form-checkbox"]: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: 1;
}

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

[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 @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 .1875rem;
background-repeat: no-repeat;
background-size: 1rem 1rem;
color: var(--color-error-primary);
}

[class*="has-error"] [class*="a-error-message"] {
visibility: visible;
opacity: 1;
max-height: 3rem;
margin-top: .75rem;
}

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

/* @group @a-validate-message */

[class*="a-validate-message"] {
min-height: 1.5rem;
margin-top: 2.25rem;
padding: .75rem;
background-color: var(--color-very-light-gray-background-color);
font-weight: 500;
color: var(--color-form-checked-primary);
text-align: center;
}

/* @end @a-validate-message */

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

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

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

/* @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 @m-form */

[class*="m-form-list"] {
display: grid;
align-content: start;
grid-auto-flow: row;
grid-auto-columns: 1fr;
border-block-start: 1px solid hsl(220, 20%, 90%);
}

[class*="m-form-list"] >li {
padding: 1.5rem .75rem;
border-block-end: 1px solid hsl(220, 20%, 90%);
}

/* @end @a-selection-detailm-form */

/* @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 @a-choice-detail */

[class*="a-choice-detail"] {
display: grid;
align-items: center;
grid-template-columns: 6rem auto 1fr;
gap: .75rem;
}

/* @end @a-choice-detail */

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

/* @group @a-unit-detail */

[class*="a-unit-detail"] {
display: grid;
align-items: center;
grid-template-columns: auto 1fr;
gap: .375rem;
}

/* @end @a-unit-detail */

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

/* @group @variables */

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

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

[class*="a-scelta-list"] {
--grid-template-columns: repeat(4, 1fr);
}

}

/* @end @variables */

/* @group @a-scelta-list */

[class*="a-scelta-list"] {
display: grid;
align-items: center;
grid-template-columns: var(--grid-template-columns);
gap: .75rem;
}

/* @end @a-scelta-list */

/* select --------------------------------------*/

/* @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(0, 0%, 0%, 0);
}

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

/* @end @reset select */

/* select --------------------------------------*/


/* @group @variables */

[class*="a-select"] {
--icon-dropdown: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="hsl(220, 20%, 60%)" fill-rule="evenodd" d="M23.936 2.255A.5.5 0 0 0 23.5 2H.5a.5.5 0 0 0-.427.759l11.5 19a.5.5 0 0 0 .855 0l11.5-19a.5.5 0 0 0 .008-.504z"/></svg>');
--background-image: linear-gradient(-180deg, hsl(0, 0%, 100%) 0%, hsl(0, 0%, 100%) 100%);
--input-background-color: var(--color-white);
--border-color: var(--form-input-border-color);
--box-shadow: inset 0 0 0 1px transparent, 0 1px .375rem var(--form-input-border-color);
}

[class*="a-select-all"] {
--select-width: 100%
}

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

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

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

/*[class*="a-select"]:-webkit-autofill,
[class*="a-select"]:autofill {
--input-background-color: var(--color-autofill-secondary);
--border-color: var(--color-autofill-primary);
--box-shadow-color: var(--color-autofill-primary);
}*/

/* @end @variables */

/* @group @a-form-select-pimary */

[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(--form-input-background-color);
background-image: var(--icon-dropdown), var(--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(--border-color);
box-shadow: var(--box-shadow);
color: var(--color);
caret-color: var(--color);
transition: var(--transition);
white-space: nowrap;
}

/* @end @a-form-select */

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

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

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

/* @end m-form-group */

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

/* @group @a-form-footer */

[class*="a-form-footer"] {
display: grid;
grid-auto-flow: column;
width: 100%;
max-width: 12.5rem;
}

/* @end @a-form-footer */

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

/* @group @m-comfirm */

[class*="m-comfirm"] {
box-sizing: border-box;
display: grid;
grid-auto-flow: row;
align-content: start;
align-items: start;
gap: 1.125rem;
width: 90vw;
height: fit-content;
max-width: 40rem;
max-height: calc(100vh - 1.5rem);
margin: auto;
padding: 1.125rem;
background-color: var(--color-white);
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
transform: translate(-50%, -50%);
transition: opacity var(--transition-time) 0s var(--transition-cubic-bezier), visibility 0s var(--transition-time) var(--transition-cubic-bezier);
}

@supports (min-height: 100dvh) {

[class*="m-comfirm"] {
max-height: calc(100dvh - 1.5rem);
}

}

[class*="a-comfirm-overlay"] {
position: fixed;
z-index: 100;
visibility: var(--comfirm-visibility);
inset: 0;
opacity: var(--comfirm-opacity);
background-color: hsl(220deg 20% 20% / 50%);
pointer-events: var(--comfirm-pointer-events);
-webkit-backdrop-filter: blur(.125rem);
backdrop-filter: blur(.125rem);
transition: opacity var(--transition-time) 0s var(--transition-cubic-bezier), visibility 0s var(--transition-time) var(--transition-cubic-bezier);
}

/* @end @m-comfirm */

/* @group @variables */

[class*="m-comfirm"] {
--head-3-text-align: center;
}

[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;
}

[class*="m-comfirm"] dt {
--font-weight: 500;
}

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

[class*="m-comfirm"] dl {
--comfirm-detail-grid-template-columns: 9rem 1fr;
}

}

/* @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%);
}

[class*="a-confirm-detail"] {
display: grid;
align-content: start;
grid-auto-flow: row;
grid-auto-columns: 1fr;
}

[class*="m-comfirm"] dl {
display: grid;
grid-template-columns: var(--confirm-detail-grid-template-columns);
gap: .75rem;
padding: .75rem;
box-shadow: 0 1px 0 0 var(--border-color), inset 0 1px 0 0 var(--border-color);
}

/* @end @m-comfirm */

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

/* @group @variables */

[class*="a-comfirm-header"] {
--head-3-text-align: center;
}

/* @end @variables */

/* @group @a-comfirm-header  */

[class*="a-comfirm-header"] {
display: grid;
justify-content: center;
grid-auto-flow: row;
gap: .75rem;
}

/* @end @a-comfirm-header */

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

/* @group @variables */

[class*="a-confirm-footer"] {
--confirm-footer-grid-auto-flow: repeat(1, 1fr);
--confirm-footer-gap: .75rem;
}

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

[class*="a-confirm-footer"] {
grid-template-columns: repeat(2, 1fr);
}

}

/* @end @variables */

/* @group @a-confirm-footer */

[class*="a-confirm-footer"] {
box-sizing: border-box;
display: grid;
grid-template-columns: var(grid-template-columns);
gap: var(--confirm-footer-gap);
width: 100%;
}

/* @end @a-confirm-footer */

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

/* @group @variables */

[class*="a-validate-message"] {
--validate-message-background-color: var(--color-error-secondary);
--validate-message-color: var(--color-error-primary);
}

[class*="has-validation-valid"] {
--validate-message-background-color: var(--form-input-background-color);
--validate-message-color: var(--color-form-checked-primary);
}

/* @end @variables */

/* @group @a-validate-message */

[class*="a-validate-message"] {
min-height: 1.5rem;
padding: .75rem;
background-color: var(--validate-message-background-color);
font-weight: 500;
color: var(--validate-message-color);
text-align: center;
}

/* @end @a-validate-message */