/* @group @variables - aspect-proportion */

:root {
--aspect-proportion-4-3: 75%;
--aspect-proportion-16-9: 56.25%;
--aspect-proportion-16-10: 62.5%;
--aspect-proportion-3-4: 133.3333333%;
--aspect-proportion-9-16: 177.7777778%;
--aspect-proportion-10-16: 160%;
--aspect-proportion-1-1: 100%;
--aspect-proportion-100-9: 9rem;
}

/* @end @variables - object-position */

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

/* @group @variables */

[class*="a-aspect"] {
--aspect-proportion: var(--aspect-proportion-16-9);
}

[class*="a-aspect-16-9"] {
--aspect-proportion: var(--aspect-proportion-16-9);
}

[class*="a-aspect-4-3"] {
--aspect-proportion: var(--aspect-proportion-4-3);
}

[class*="a-aspect-16-10"] {
--aspect-proportion: var(--aspect-proportion-16-10);
}

[class*="a-aspect-3-4"] {
--aspect-proportion: var(--aspect-proportion-3-4);
}

[class*="a-aspect-9-16"] {
--aspect-proportion: var(--aspect-proportion-9-16);
}

[class*="a-aspect-10-16"] {
--aspect-proportion: var(--aspect-proportion-10-16);
}

[class*="a-aspect-1-1"] {
--aspect-proportion: var(--aspect-proportion-1-1);
}

[class*="a-aspect-100-9"] {
--aspect-proportion: var(--aspect-proportion-100-9);
}


[class*="a-aspect-youtube"],
[class*="a-aspect-vimeo"] {
--aspect-proportion: var(--aspect-proportion-16-9);
}

[class*="a-aspect-youtube-proto"] {
--aspect-proportion: var(--aspect-proportion-9-16);
}

[class*="a-aspect-speakerdeck"] {
--aspect-proportion: 72%;
}

/* @end @variables */

/* @group @a-aspect */

[class*="a-aspect"] {
position: relative;
overflow: hidden;
padding-bottom: var(--aspect-proportion);
}

[class*="a-aspect"] iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

/* @end @a-aspect */

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

/* @group @variables */

[class*="o-chapter-primary"] {
--tweet-container-max-width: 30rem;
}

/* @end @variables */

/* @group @m-tweet-container */

[class*="m-tweet"] {
/*width: 100%;
max-width: var(--tweet-container-max-width);*/
width: min(var(--tweet-container-max-width), 100%);
margin-left: auto;
margin-right: auto;
}

[class*="m-tweet"] iframe {
box-sizing: border-box;
width: 100% !important;
max-width: var(--tweet-container-max-width) !important;
margin: auto;
box-shadow: none !important;
border-radius: 0 !important;
}

[class*="twitter-tweet"] {
box-sizing: border-box;
width: 100% !important;
max-width: var(--tweet-container-max-width) !important;
margin: auto;
box-shadow: none !important;
border-radius: 0 !important;
}

/* @end @m-tweet-container */

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

/* @group @variables */

[class*="m-map"] {
--map-height: 24rem;
}

/* @end @variables */

/* @group @m-map */

[class*="m-map"] {
position: relative;
z-index: 1;
height: var(--map-height);
}


[class*="m-map"] iframe {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
/*filter: grayscale(100%);*/
}

/* @end @-info-list-primary */