/* @group @a-contents-detection */

[class*="m-contents-detection"] {
background-color: var(--color-whitesmoke);
/*box-shadow: 0 1px 0 0 var(--color-gainsboro), inset 0 1px 0 0 var(--color-gainsboro);*/
}

/* @end @a-contents-detection */

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

/* @group @a-toggle-detection */

[class*="a-toggle-detection"] {
padding: .75rem;
cursor: pointer;
}

/* @end @a-toggle-detection */

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

/* @group @variables */

[class*="a-detection-icon"] {
--detection-icon-clip-path: polygon(0 calc(50% - 1px), calc(50% - 1px) calc(50% - 1px), calc(50% - 1px) 0, calc(50% + 1px) 0, calc(50% + 1px) calc(50% - 1px), 100% calc(50% - 1px), 100% calc(50% + 1px), calc(50% + 1px) calc(50% + 1px), calc(50% + 1px) 100%, calc(50% - 1px) 100%, calc(50% - 1px) calc(50% + 1px), 0 calc(50% + 1px));
--detection-icon-transform: rotate(45deg);
}

/* @end @variables */

/* @group @a-toggle-link */

[class*="a-toggle-link"] {
display: grid;
align-items: center;
grid-template-columns: 1fr auto;
gap: 1.5rem;
cursor: pointer;
}

/* @end @a-toggle-link */

[class*="a-detection-icon"] {
position: relative;
display: flex;
justify-content: center;
width: 1rem;
height: 1rem;
margin: auto;
background-color: currentColor;
-webkit-clip-path: var(--detection-icon-clip-path);
clip-path: var(--detection-icon-clip-path);
transition: var(--transition);
}

[class*="a-toggle-checkbox"]:checked ~ [class*="a-toggle-detection"] [class*="a-detection-icon"],
[class*="a-toggle-radio"]:checked ~ [class*="a-toggle-detection"] [class*="a-detection-icon"] {
transform: var(--detection-icon-transform);
}

/* @end @a-toggle-link */

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

/* @group @variables */

[class*="m-detection-contents"] {
visibility: hidden;
--detection-max-height: 0;
--detection-transition: max-height .5s 0s var(--transition-cubic-bezier), visibility 0s .5s var(--transition-cubic-bezier);
}

[class*="a-toggle-checkbox"]:checked ~ [class*="m-detection-contents"],
[class*="a-toggle-radio"]:checked ~ [class*="m-detection-contents"] {
--detection-visibility: visible;
--detection-max-height: 200em;
--detection-transition: visibility 0s 0s var(--transition-cubic-bezier), max-height .5s 0s var(--transition-cubic-bezier);
}

/* @end @variables */

/* @group @m-detection-contents */

[class*="m-detection-contents"] {
overflow: hidden;
visibility: var(--detection-visibility);
max-height: var(--detection-max-height);
transition: var(--detection-transition);
}

[class*="m-detection-contents"]>div {
padding: 0 .75rem .75rem;
}

[class*="m-detection-contents"] p+h4 {
margin-top: .1.125rem;
}

/* @end @m-detection-contents */

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