evokit-box
Version:
The content block allows to apply indents, position and more
1,412 lines • 47.8 kB
CSS
@media (--ek-box-media-medium) {
.ek-box_align_none\@medium {
float: none;
display: block;
position: static;
left: 0;
transform: translateX(0);
}
.ek-box_align_left\@medium {
float: left;
display: block;
position: static;
left: 0;
transform: translateX(0);
}
.ek-box_align_center\@medium {
float: none;
display: inline-block;
position: relative;
left: 50%;
transform: translateX(-50%);
}
.ek-box_align_right\@medium {
float: right;
display: block;
position: static;
left: 0;
transform: translateX(0);
}
.ek-box_display_none\@medium {
display: none;
}
.ek-box_display_inline\@medium {
display: inline;
}
.ek-box_display_inline\@medium:after, .ek-box_display_inline\@medium:before {
content: none;
}
.ek-box_display_inline-block\@medium {
display: inline-block;
}
.ek-box_display_block\@medium {
display: block;
}
.ek-box_position_static\@medium {
position: static;
}
.ek-box_position_relative\@medium {
position: relative;
}
.ek-box_position_absolute\@medium {
position: absolute;
}
.ek-box_position_fixed\@medium {
position: fixed;
}
.ek-box_position_sticky\@medium {
position: sticky;
}
.ek-box_place_none\@medium {
top: auto;
right: auto;
bottom: auto;
left: auto;
transform: none;
}
.ek-box_place_top\@medium {
top: 0;
right: auto;
bottom: auto;
left: 50%;
transform: translateX(-50%);
}
.ek-box_place_top-left\@medium {
top: 0;
right: auto;
bottom: auto;
left: 0;
transform: none;
}
.ek-box_place_top-right\@medium {
top: 0;
right: 0;
bottom: auto;
left: auto;
transform: none;
}
.ek-box_place_center\@medium {
top: 50%;
right: auto;
bottom: auto;
left: 50%;
transform: translate(-50%, -50%);
}
.ek-box_place_center-left\@medium {
top: 50%;
right: auto;
bottom: auto;
left: 0;
transform: translateY(-50%);
}
.ek-box_place_center-right\@medium {
top: 50%;
right: 0;
bottom: auto;
left: auto;
transform: translateY(-50%);
}
.ek-box_place_bottom\@medium {
top: auto;
right: auto;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.ek-box_place_bottom-left\@medium {
top: auto;
right: auto;
bottom: 0;
left: 0;
transform: none;
}
.ek-box_place_bottom-right\@medium {
top: auto;
right: 0;
bottom: 0;
left: auto;
transform: none;
}
.ek-box_zindex_none\@medium {
z-index: 0;
}
.ek-box_zindex_xxs\@medium {
z-index: var(--ek-box-zindex-xxs);
}
.ek-box_zindex_xs\@medium {
z-index: var(--ek-box-zindex-xs);
}
.ek-box_zindex_s\@medium {
z-index: var(--ek-box-zindex-s);
}
.ek-box_zindex_m\@medium {
z-index: var(--ek-box-zindex-m);
}
.ek-box_zindex_l\@medium {
z-index: var(--ek-box-zindex-l);
}
.ek-box_zindex_xl\@medium {
z-index: var(--ek-box-zindex-xl);
}
.ek-box_zindex_xxl\@medium {
z-index: var(--ek-box-zindex-xxl);
}
.ek-box_zindex_3xl\@medium {
z-index: var(--ek-box-zindex-3xl);
}
.ek-box_zindex_4xl\@medium {
z-index: var(--ek-box-zindex-4xl);
}
.ek-box_zindex_5xl\@medium {
z-index: var(--ek-box-zindex-5xl);
}
.ek-box_zindex_auto\@medium {
z-index: auto;
}
.ek-box_margin_none\@medium {
margin: 0;
}
.ek-box_margin-left_none\@medium {
margin-left: 0;
}
.ek-box_margin-top_none\@medium {
margin-top: 0;
}
.ek-box_margin-right_none\@medium {
margin-right: 0;
}
.ek-box_margin-bottom_none\@medium {
margin-bottom: 0;
}
.ek-box_margin_xxs\@medium {
margin: var(--ek-box-indent-xxs);
}
.ek-box_margin-left_xxs\@medium {
margin-left: var(--ek-box-indent-xxs);
}
.ek-box_margin-top_xxs\@medium {
margin-top: var(--ek-box-indent-xxs);
}
.ek-box_margin-right_xxs\@medium {
margin-right: var(--ek-box-indent-xxs);
}
.ek-box_margin-bottom_xxs\@medium {
margin-bottom: var(--ek-box-indent-xxs);
}
.ek-box_margin_xs\@medium {
margin: var(--ek-box-indent-xs);
}
.ek-box_margin-left_xs\@medium {
margin-left: var(--ek-box-indent-xs);
}
.ek-box_margin-top_xs\@medium {
margin-top: var(--ek-box-indent-xs);
}
.ek-box_margin-right_xs\@medium {
margin-right: var(--ek-box-indent-xs);
}
.ek-box_margin-bottom_xs\@medium {
margin-bottom: var(--ek-box-indent-xs);
}
.ek-box_margin_s\@medium {
margin: var(--ek-box-indent-s);
}
.ek-box_margin-left_s\@medium {
margin-left: var(--ek-box-indent-s);
}
.ek-box_margin-top_s\@medium {
margin-top: var(--ek-box-indent-s);
}
.ek-box_margin-right_s\@medium {
margin-right: var(--ek-box-indent-s);
}
.ek-box_margin-bottom_s\@medium {
margin-bottom: var(--ek-box-indent-s);
}
.ek-box_margin_m\@medium {
margin: var(--ek-box-indent-m);
}
.ek-box_margin-left_m\@medium {
margin-left: var(--ek-box-indent-m);
}
.ek-box_margin-top_m\@medium {
margin-top: var(--ek-box-indent-m);
}
.ek-box_margin-right_m\@medium {
margin-right: var(--ek-box-indent-m);
}
.ek-box_margin-bottom_m\@medium {
margin-bottom: var(--ek-box-indent-m);
}
.ek-box_margin_l\@medium {
margin: var(--ek-box-indent-l);
}
.ek-box_margin-left_l\@medium {
margin-left: var(--ek-box-indent-l);
}
.ek-box_margin-top_l\@medium {
margin-top: var(--ek-box-indent-l);
}
.ek-box_margin-right_l\@medium {
margin-right: var(--ek-box-indent-l);
}
.ek-box_margin-bottom_l\@medium {
margin-bottom: var(--ek-box-indent-l);
}
.ek-box_margin_xl\@medium {
margin: var(--ek-box-indent-xl);
}
.ek-box_margin-left_xl\@medium {
margin-left: var(--ek-box-indent-xl);
}
.ek-box_margin-top_xl\@medium {
margin-top: var(--ek-box-indent-xl);
}
.ek-box_margin-right_xl\@medium {
margin-right: var(--ek-box-indent-xl);
}
.ek-box_margin-bottom_xl\@medium {
margin-bottom: var(--ek-box-indent-xl);
}
.ek-box_margin_xxl\@medium {
margin: var(--ek-box-indent-xxl);
}
.ek-box_margin-left_xxl\@medium {
margin-left: var(--ek-box-indent-xxl);
}
.ek-box_margin-top_xxl\@medium {
margin-top: var(--ek-box-indent-xxl);
}
.ek-box_margin-right_xxl\@medium {
margin-right: var(--ek-box-indent-xxl);
}
.ek-box_margin-bottom_xxl\@medium {
margin-bottom: var(--ek-box-indent-xxl);
}
.ek-box_margin_3xl\@medium {
margin: var(--ek-box-indent-3xl);
}
.ek-box_margin-left_3xl\@medium {
margin-left: var(--ek-box-indent-3xl);
}
.ek-box_margin-top_3xl\@medium {
margin-top: var(--ek-box-indent-3xl);
}
.ek-box_margin-right_3xl\@medium {
margin-right: var(--ek-box-indent-3xl);
}
.ek-box_margin-bottom_3xl\@medium {
margin-bottom: var(--ek-box-indent-3xl);
}
.ek-box_margin_4xl\@medium {
margin: var(--ek-box-indent-4xl);
}
.ek-box_margin-left_4xl\@medium {
margin-left: var(--ek-box-indent-4xl);
}
.ek-box_margin-top_4xl\@medium {
margin-top: var(--ek-box-indent-4xl);
}
.ek-box_margin-right_4xl\@medium {
margin-right: var(--ek-box-indent-4xl);
}
.ek-box_margin-bottom_4xl\@medium {
margin-bottom: var(--ek-box-indent-4xl);
}
.ek-box_margin_5xl\@medium {
margin: var(--ek-box-indent-5xl);
}
.ek-box_margin-left_5xl\@medium {
margin-left: var(--ek-box-indent-5xl);
}
.ek-box_margin-top_5xl\@medium {
margin-top: var(--ek-box-indent-5xl);
}
.ek-box_margin-right_5xl\@medium {
margin-right: var(--ek-box-indent-5xl);
}
.ek-box_margin-bottom_5xl\@medium {
margin-bottom: var(--ek-box-indent-5xl);
}
.ek-box_margin_auto\@medium {
margin: auto;
}
.ek-box_margin-left_auto\@medium {
margin-left: auto;
}
.ek-box_margin-top_auto\@medium {
margin-top: auto;
}
.ek-box_margin-right_auto\@medium {
margin-right: auto;
}
.ek-box_margin-bottom_auto\@medium {
margin-bottom: auto;
}
.ek-box_margin-tb_none\@medium {
margin-top: 0;
margin-bottom: 0;
}
.ek-box_margin-lr_none\@medium {
margin-left: 0;
margin-right: 0;
}
.ek-box_margin-tb_xxs\@medium {
margin-top: var(--ek-box-indent-xxs);
margin-bottom: var(--ek-box-indent-xxs);
}
.ek-box_margin-lr_xxs\@medium {
margin-left: var(--ek-box-indent-xxs);
margin-right: var(--ek-box-indent-xxs);
}
.ek-box_margin-tb_xs\@medium {
margin-top: var(--ek-box-indent-xs);
margin-bottom: var(--ek-box-indent-xs);
}
.ek-box_margin-lr_xs\@medium {
margin-left: var(--ek-box-indent-xs);
margin-right: var(--ek-box-indent-xs);
}
.ek-box_margin-tb_s\@medium {
margin-top: var(--ek-box-indent-s);
margin-bottom: var(--ek-box-indent-s);
}
.ek-box_margin-lr_s\@medium {
margin-left: var(--ek-box-indent-s);
margin-right: var(--ek-box-indent-s);
}
.ek-box_margin-tb_m\@medium {
margin-top: var(--ek-box-indent-m);
margin-bottom: var(--ek-box-indent-m);
}
.ek-box_margin-lr_m\@medium {
margin-left: var(--ek-box-indent-m);
margin-right: var(--ek-box-indent-m);
}
.ek-box_margin-tb_l\@medium {
margin-top: var(--ek-box-indent-l);
margin-bottom: var(--ek-box-indent-l);
}
.ek-box_margin-lr_l\@medium {
margin-left: var(--ek-box-indent-l);
margin-right: var(--ek-box-indent-l);
}
.ek-box_margin-tb_xl\@medium {
margin-top: var(--ek-box-indent-xl);
margin-bottom: var(--ek-box-indent-xl);
}
.ek-box_margin-lr_xl\@medium {
margin-left: var(--ek-box-indent-xl);
margin-right: var(--ek-box-indent-xl);
}
.ek-box_margin-tb_xxl\@medium {
margin-top: var(--ek-box-indent-xxl);
margin-bottom: var(--ek-box-indent-xxl);
}
.ek-box_margin-lr_xxl\@medium {
margin-left: var(--ek-box-indent-xxl);
margin-right: var(--ek-box-indent-xxl);
}
.ek-box_margin-tb_auto\@medium {
margin-top: auto;
margin-bottom: auto;
}
.ek-box_margin-lr_auto\@medium {
margin-left: auto;
margin-right: auto;
}
.ek-box_padding_none\@medium {
padding: 0;
}
.ek-box_padding-left_none\@medium {
padding-left: 0;
}
.ek-box_padding-top_none\@medium {
padding-top: 0;
}
.ek-box_padding-right_none\@medium {
padding-right: 0;
}
.ek-box_padding-bottom_none\@medium {
padding-bottom: 0;
}
.ek-box_padding_xxs\@medium {
padding: var(--ek-box-indent-xxs);
}
.ek-box_padding-left_xxs\@medium {
padding-left: var(--ek-box-indent-xxs);
}
.ek-box_padding-top_xxs\@medium {
padding-top: var(--ek-box-indent-xxs);
}
.ek-box_padding-right_xxs\@medium {
padding-right: var(--ek-box-indent-xxs);
}
.ek-box_padding-bottom_xxs\@medium {
padding-bottom: var(--ek-box-indent-xxs);
}
.ek-box_padding_xs\@medium {
padding: var(--ek-box-indent-xs);
}
.ek-box_padding-left_xs\@medium {
padding-left: var(--ek-box-indent-xs);
}
.ek-box_padding-top_xs\@medium {
padding-top: var(--ek-box-indent-xs);
}
.ek-box_padding-right_xs\@medium {
padding-right: var(--ek-box-indent-xs);
}
.ek-box_padding-bottom_xs\@medium {
padding-bottom: var(--ek-box-indent-xs);
}
.ek-box_padding_s\@medium {
padding: var(--ek-box-indent-s);
}
.ek-box_padding-left_s\@medium {
padding-left: var(--ek-box-indent-s);
}
.ek-box_padding-top_s\@medium {
padding-top: var(--ek-box-indent-s);
}
.ek-box_padding-right_s\@medium {
padding-right: var(--ek-box-indent-s);
}
.ek-box_padding-bottom_s\@medium {
padding-bottom: var(--ek-box-indent-s);
}
.ek-box_padding_m\@medium {
padding: var(--ek-box-indent-m);
}
.ek-box_padding-left_m\@medium {
padding-left: var(--ek-box-indent-m);
}
.ek-box_padding-top_m\@medium {
padding-top: var(--ek-box-indent-m);
}
.ek-box_padding-right_m\@medium {
padding-right: var(--ek-box-indent-m);
}
.ek-box_padding-bottom_m\@medium {
padding-bottom: var(--ek-box-indent-m);
}
.ek-box_padding_l\@medium {
padding: var(--ek-box-indent-l);
}
.ek-box_padding-left_l\@medium {
padding-left: var(--ek-box-indent-l);
}
.ek-box_padding-top_l\@medium {
padding-top: var(--ek-box-indent-l);
}
.ek-box_padding-right_l\@medium {
padding-right: var(--ek-box-indent-l);
}
.ek-box_padding-bottom_l\@medium {
padding-bottom: var(--ek-box-indent-l);
}
.ek-box_padding_xl\@medium {
padding: var(--ek-box-indent-xl);
}
.ek-box_padding-left_xl\@medium {
padding-left: var(--ek-box-indent-xl);
}
.ek-box_padding-top_xl\@medium {
padding-top: var(--ek-box-indent-xl);
}
.ek-box_padding-right_xl\@medium {
padding-right: var(--ek-box-indent-xl);
}
.ek-box_padding-bottom_xl\@medium {
padding-bottom: var(--ek-box-indent-xl);
}
.ek-box_padding_xxl\@medium {
padding: var(--ek-box-indent-xxl);
}
.ek-box_padding-left_xxl\@medium {
padding-left: var(--ek-box-indent-xxl);
}
.ek-box_padding-top_xxl\@medium {
padding-top: var(--ek-box-indent-xxl);
}
.ek-box_padding-right_xxl\@medium {
padding-right: var(--ek-box-indent-xxl);
}
.ek-box_padding-bottom_xxl\@medium {
padding-bottom: var(--ek-box-indent-xxl);
}
.ek-box_padding_3xl\@medium {
padding: var(--ek-box-indent-3xl);
}
.ek-box_padding-left_3xl\@medium {
padding-left: var(--ek-box-indent-3xl);
}
.ek-box_padding-top_3xl\@medium {
padding-top: var(--ek-box-indent-3xl);
}
.ek-box_padding-right_3xl\@medium {
padding-right: var(--ek-box-indent-3xl);
}
.ek-box_padding-bottom_3xl\@medium {
padding-bottom: var(--ek-box-indent-3xl);
}
.ek-box_padding_4xl\@medium {
padding: var(--ek-box-indent-4xl);
}
.ek-box_padding-left_4xl\@medium {
padding-left: var(--ek-box-indent-4xl);
}
.ek-box_padding-top_4xl\@medium {
padding-top: var(--ek-box-indent-4xl);
}
.ek-box_padding-right_4xl\@medium {
padding-right: var(--ek-box-indent-4xl);
}
.ek-box_padding-bottom_4xl\@medium {
padding-bottom: var(--ek-box-indent-4xl);
}
.ek-box_padding_5xl\@medium {
padding: var(--ek-box-indent-5xl);
}
.ek-box_padding-left_5xl\@medium {
padding-left: var(--ek-box-indent-5xl);
}
.ek-box_padding-top_5xl\@medium {
padding-top: var(--ek-box-indent-5xl);
}
.ek-box_padding-right_5xl\@medium {
padding-right: var(--ek-box-indent-5xl);
}
.ek-box_padding-bottom_5xl\@medium {
padding-bottom: var(--ek-box-indent-5xl);
}
.ek-box_padding-tb_none\@medium {
padding-top: 0;
padding-bottom: 0;
}
.ek-box_padding-lr_none\@medium {
padding-left: 0;
padding-right: 0;
}
.ek-box_padding-tb_xxs\@medium {
padding-top: var(--ek-box-indent-xxs);
padding-bottom: var(--ek-box-indent-xxs);
}
.ek-box_padding-lr_xxs\@medium {
padding-left: var(--ek-box-indent-xxs);
padding-right: var(--ek-box-indent-xxs);
}
.ek-box_padding-tb_xs\@medium {
padding-top: var(--ek-box-indent-xs);
padding-bottom: var(--ek-box-indent-xs);
}
.ek-box_padding-lr_xs\@medium {
padding-left: var(--ek-box-indent-xs);
padding-right: var(--ek-box-indent-xs);
}
.ek-box_padding-tb_s\@medium {
padding-top: var(--ek-box-indent-s);
padding-bottom: var(--ek-box-indent-s);
}
.ek-box_padding-lr_s\@medium {
padding-left: var(--ek-box-indent-s);
padding-right: var(--ek-box-indent-s);
}
.ek-box_padding-tb_m\@medium {
padding-top: var(--ek-box-indent-m);
padding-bottom: var(--ek-box-indent-m);
}
.ek-box_padding-lr_m\@medium {
padding-left: var(--ek-box-indent-m);
padding-right: var(--ek-box-indent-m);
}
.ek-box_padding-tb_l\@medium {
padding-top: var(--ek-box-indent-l);
padding-bottom: var(--ek-box-indent-l);
}
.ek-box_padding-lr_l\@medium {
padding-left: var(--ek-box-indent-l);
padding-right: var(--ek-box-indent-l);
}
.ek-box_padding-tb_xl\@medium {
padding-top: var(--ek-box-indent-xl);
padding-bottom: var(--ek-box-indent-xl);
}
.ek-box_padding-lr_xl\@medium {
padding-left: var(--ek-box-indent-xl);
padding-right: var(--ek-box-indent-xl);
}
.ek-box_padding-tb_xxl\@medium {
padding-top: var(--ek-box-indent-xxl);
padding-bottom: var(--ek-box-indent-xxl);
}
.ek-box_padding-lr_xxl\@medium {
padding-left: var(--ek-box-indent-xxl);
padding-right: var(--ek-box-indent-xxl);
}
.ek-box_round_none\@medium {
border-radius: 0;
}
.ek-box_round-top-left_none\@medium {
border-top-left-radius: 0;
}
.ek-box_round-top-right_none\@medium {
border-top-right-radius: 0;
}
.ek-box_round-bottom-right_none\@medium {
border-bottom-right-radius: 0;
}
.ek-box_round-bottom-left_none\@medium {
border-bottom-left-radius: 0;
}
.ek-box_round_xxs\@medium {
border-radius: var(--ek-box-round-xxs);
}
.ek-box_round-top-left_xxs\@medium {
border-top-left-radius: var(--ek-box-round-xxs);
}
.ek-box_round-top-right_xxs\@medium {
border-top-right-radius: var(--ek-box-round-xxs);
}
.ek-box_round-bottom-right_xxs\@medium {
border-bottom-right-radius: var(--ek-box-round-xxs);
}
.ek-box_round-bottom-left_xxs\@medium {
border-bottom-left-radius: var(--ek-box-round-xxs);
}
.ek-box_round_xs\@medium {
border-radius: var(--ek-box-round-xs);
}
.ek-box_round-top-left_xs\@medium {
border-top-left-radius: var(--ek-box-round-xs);
}
.ek-box_round-top-right_xs\@medium {
border-top-right-radius: var(--ek-box-round-xs);
}
.ek-box_round-bottom-right_xs\@medium {
border-bottom-right-radius: var(--ek-box-round-xs);
}
.ek-box_round-bottom-left_xs\@medium {
border-bottom-left-radius: var(--ek-box-round-xs);
}
.ek-box_round_s\@medium {
border-radius: var(--ek-box-round-s);
}
.ek-box_round-top-left_s\@medium {
border-top-left-radius: var(--ek-box-round-s);
}
.ek-box_round-top-right_s\@medium {
border-top-right-radius: var(--ek-box-round-s);
}
.ek-box_round-bottom-right_s\@medium {
border-bottom-right-radius: var(--ek-box-round-s);
}
.ek-box_round-bottom-left_s\@medium {
border-bottom-left-radius: var(--ek-box-round-s);
}
.ek-box_round_m\@medium {
border-radius: var(--ek-box-round-m);
}
.ek-box_round-top-left_m\@medium {
border-top-left-radius: var(--ek-box-round-m);
}
.ek-box_round-top-right_m\@medium {
border-top-right-radius: var(--ek-box-round-m);
}
.ek-box_round-bottom-right_m\@medium {
border-bottom-right-radius: var(--ek-box-round-m);
}
.ek-box_round-bottom-left_m\@medium {
border-bottom-left-radius: var(--ek-box-round-m);
}
.ek-box_round_l\@medium {
border-radius: var(--ek-box-round-l);
}
.ek-box_round-top-left_l\@medium {
border-top-left-radius: var(--ek-box-round-l);
}
.ek-box_round-top-right_l\@medium {
border-top-right-radius: var(--ek-box-round-l);
}
.ek-box_round-bottom-right_l\@medium {
border-bottom-right-radius: var(--ek-box-round-l);
}
.ek-box_round-bottom-left_l\@medium {
border-bottom-left-radius: var(--ek-box-round-l);
}
.ek-box_round_xl\@medium {
border-radius: var(--ek-box-round-xl);
}
.ek-box_round-top-left_xl\@medium {
border-top-left-radius: var(--ek-box-round-xl);
}
.ek-box_round-top-right_xl\@medium {
border-top-right-radius: var(--ek-box-round-xl);
}
.ek-box_round-bottom-right_xl\@medium {
border-bottom-right-radius: var(--ek-box-round-xl);
}
.ek-box_round-bottom-left_xl\@medium {
border-bottom-left-radius: var(--ek-box-round-xl);
}
.ek-box_round_xxl\@medium {
border-radius: var(--ek-box-round-xxl);
}
.ek-box_round-top-left_xxl\@medium {
border-top-left-radius: var(--ek-box-round-xxl);
}
.ek-box_round-top-right_xxl\@medium {
border-top-right-radius: var(--ek-box-round-xxl);
}
.ek-box_round-bottom-right_xxl\@medium {
border-bottom-right-radius: var(--ek-box-round-xxl);
}
.ek-box_round-bottom-left_xxl\@medium {
border-bottom-left-radius: var(--ek-box-round-xxl);
}
.ek-box_round_3xl\@medium {
border-radius: var(--ek-box-round-3xl);
}
.ek-box_round-top-left_3xl\@medium {
border-top-left-radius: var(--ek-box-round-3xl);
}
.ek-box_round-top-right_3xl\@medium {
border-top-right-radius: var(--ek-box-round-3xl);
}
.ek-box_round-bottom-right_3xl\@medium {
border-bottom-right-radius: var(--ek-box-round-3xl);
}
.ek-box_round-bottom-left_3xl\@medium {
border-bottom-left-radius: var(--ek-box-round-3xl);
}
.ek-box_round_4xl\@medium {
border-radius: var(--ek-box-round-4xl);
}
.ek-box_round-top-left_4xl\@medium {
border-top-left-radius: var(--ek-box-round-4xl);
}
.ek-box_round-top-right_4xl\@medium {
border-top-right-radius: var(--ek-box-round-4xl);
}
.ek-box_round-bottom-right_4xl\@medium {
border-bottom-right-radius: var(--ek-box-round-4xl);
}
.ek-box_round-bottom-left_4xl\@medium {
border-bottom-left-radius: var(--ek-box-round-4xl);
}
.ek-box_round_5xl\@medium {
border-radius: var(--ek-box-round-5xl);
}
.ek-box_round-top-left_5xl\@medium {
border-top-left-radius: var(--ek-box-round-5xl);
}
.ek-box_round-top-right_5xl\@medium {
border-top-right-radius: var(--ek-box-round-5xl);
}
.ek-box_round-bottom-right_5xl\@medium {
border-bottom-right-radius: var(--ek-box-round-5xl);
}
.ek-box_round-bottom-left_5xl\@medium {
border-bottom-left-radius: var(--ek-box-round-5xl);
}
.ek-box_round_full\@medium {
border-radius: 50%;
}
.ek-box_round-top-left_full\@medium {
border-top-left-radius: 50%;
}
.ek-box_round-top-right_full\@medium {
border-top-right-radius: 50%;
}
.ek-box_round-bottom-right_full\@medium {
border-bottom-right-radius: 50%;
}
.ek-box_round-bottom-left_full\@medium {
border-bottom-left-radius: 50%;
}
.ek-box_round-top_none\@medium {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.ek-box_round-right_none\@medium {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ek-box_round-bottom_none\@medium {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.ek-box_round-left_none\@medium {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ek-box_round-top_xxs\@medium {
border-top-left-radius: var(--ek-box-round-xxs);
border-top-right-radius: var(--ek-box-round-xxs);
}
.ek-box_round-right_xxs\@medium {
border-top-right-radius: var(--ek-box-round-xxs);
border-bottom-right-radius: var(--ek-box-round-xxs);
}
.ek-box_round-bottom_xxs\@medium {
border-bottom-left-radius: var(--ek-box-round-xxs);
border-bottom-right-radius: var(--ek-box-round-xxs);
}
.ek-box_round-left_xxs\@medium {
border-top-left-radius: var(--ek-box-round-xxs);
border-bottom-left-radius: var(--ek-box-round-xxs);
}
.ek-box_round-top_xs\@medium {
border-top-left-radius: var(--ek-box-round-xs);
border-top-right-radius: var(--ek-box-round-xs);
}
.ek-box_round-right_xs\@medium {
border-top-right-radius: var(--ek-box-round-xs);
border-bottom-right-radius: var(--ek-box-round-xs);
}
.ek-box_round-bottom_xs\@medium {
border-bottom-left-radius: var(--ek-box-round-xs);
border-bottom-right-radius: var(--ek-box-round-xs);
}
.ek-box_round-left_xs\@medium {
border-top-left-radius: var(--ek-box-round-xs);
border-bottom-left-radius: var(--ek-box-round-xs);
}
.ek-box_round-top_s\@medium {
border-top-left-radius: var(--ek-box-round-s);
border-top-right-radius: var(--ek-box-round-s);
}
.ek-box_round-right_s\@medium {
border-top-right-radius: var(--ek-box-round-s);
border-bottom-right-radius: var(--ek-box-round-s);
}
.ek-box_round-bottom_s\@medium {
border-bottom-left-radius: var(--ek-box-round-s);
border-bottom-right-radius: var(--ek-box-round-s);
}
.ek-box_round-left_s\@medium {
border-top-left-radius: var(--ek-box-round-s);
border-bottom-left-radius: var(--ek-box-round-s);
}
.ek-box_round-top_m\@medium {
border-top-left-radius: var(--ek-box-round-m);
border-top-right-radius: var(--ek-box-round-m);
}
.ek-box_round-right_m\@medium {
border-top-right-radius: var(--ek-box-round-m);
border-bottom-right-radius: var(--ek-box-round-m);
}
.ek-box_round-bottom_m\@medium {
border-bottom-left-radius: var(--ek-box-round-m);
border-bottom-right-radius: var(--ek-box-round-m);
}
.ek-box_round-left_m\@medium {
border-top-left-radius: var(--ek-box-round-m);
border-bottom-left-radius: var(--ek-box-round-m);
}
.ek-box_round-top_l\@medium {
border-top-left-radius: var(--ek-box-round-l);
border-top-right-radius: var(--ek-box-round-l);
}
.ek-box_round-right_l\@medium {
border-top-right-radius: var(--ek-box-round-l);
border-bottom-right-radius: var(--ek-box-round-l);
}
.ek-box_round-bottom_l\@medium {
border-bottom-left-radius: var(--ek-box-round-l);
border-bottom-right-radius: var(--ek-box-round-l);
}
.ek-box_round-left_l\@medium {
border-top-left-radius: var(--ek-box-round-l);
border-bottom-left-radius: var(--ek-box-round-l);
}
.ek-box_round-top_xl\@medium {
border-top-left-radius: var(--ek-box-round-xl);
border-top-right-radius: var(--ek-box-round-xl);
}
.ek-box_round-right_xl\@medium {
border-top-right-radius: var(--ek-box-round-xl);
border-bottom-right-radius: var(--ek-box-round-xl);
}
.ek-box_round-bottom_xl\@medium {
border-bottom-left-radius: var(--ek-box-round-xl);
border-bottom-right-radius: var(--ek-box-round-xl);
}
.ek-box_round-left_xl\@medium {
border-top-left-radius: var(--ek-box-round-xl);
border-bottom-left-radius: var(--ek-box-round-xl);
}
.ek-box_round-top_xxl\@medium {
border-top-left-radius: var(--ek-box-round-xxl);
border-top-right-radius: var(--ek-box-round-xxl);
}
.ek-box_round-right_xxl\@medium {
border-top-right-radius: var(--ek-box-round-xxl);
border-bottom-right-radius: var(--ek-box-round-xxl);
}
.ek-box_round-bottom_xxl\@medium {
border-bottom-left-radius: var(--ek-box-round-xxl);
border-bottom-right-radius: var(--ek-box-round-xxl);
}
.ek-box_round-left_xxl\@medium {
border-top-left-radius: var(--ek-box-round-xxl);
border-bottom-left-radius: var(--ek-box-round-xxl);
}
.ek-box_round-top_full\@medium {
border-top-left-radius: 50%;
border-top-right-radius: 50%;
}
.ek-box_round-right_full\@medium {
border-top-right-radius: 50%;
border-bottom-right-radius: 50%;
}
.ek-box_round-bottom_full\@medium {
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
}
.ek-box_round-left_full\@medium {
border-top-left-radius: 50%;
border-bottom-left-radius: 50%;
}
.ek-box_border-width_none\@medium {
border-width: 0;
}
.ek-box_border-width-top_none\@medium {
border-top-width: 0;
}
.ek-box_border-width-right_none\@medium {
border-right-width: 0;
}
.ek-box_border-width-bottom_none\@medium {
border-bottom-width: 0;
}
.ek-box_border-width-left_none\@medium {
border-left-width: 0;
}
.ek-box_border-width_xxs\@medium {
border-width: var(--ek-box-border-width-xxs);
}
.ek-box_border-width-top_xxs\@medium {
border-top-width: var(--ek-box-border-width-xxs);
}
.ek-box_border-width-right_xxs\@medium {
border-right-width: var(--ek-box-border-width-xxs);
}
.ek-box_border-width-bottom_xxs\@medium {
border-bottom-width: var(--ek-box-border-width-xxs);
}
.ek-box_border-width-left_xxs\@medium {
border-left-width: var(--ek-box-border-width-xxs);
}
.ek-box_border-width_xs\@medium {
border-width: var(--ek-box-border-width-xs);
}
.ek-box_border-width-top_xs\@medium {
border-top-width: var(--ek-box-border-width-xs);
}
.ek-box_border-width-right_xs\@medium {
border-right-width: var(--ek-box-border-width-xs);
}
.ek-box_border-width-bottom_xs\@medium {
border-bottom-width: var(--ek-box-border-width-xs);
}
.ek-box_border-width-left_xs\@medium {
border-left-width: var(--ek-box-border-width-xs);
}
.ek-box_border-width_s\@medium {
border-width: var(--ek-box-border-width-s);
}
.ek-box_border-width-top_s\@medium {
border-top-width: var(--ek-box-border-width-s);
}
.ek-box_border-width-right_s\@medium {
border-right-width: var(--ek-box-border-width-s);
}
.ek-box_border-width-bottom_s\@medium {
border-bottom-width: var(--ek-box-border-width-s);
}
.ek-box_border-width-left_s\@medium {
border-left-width: var(--ek-box-border-width-s);
}
.ek-box_border-width_m\@medium {
border-width: var(--ek-box-border-width-m);
}
.ek-box_border-width-top_m\@medium {
border-top-width: var(--ek-box-border-width-m);
}
.ek-box_border-width-right_m\@medium {
border-right-width: var(--ek-box-border-width-m);
}
.ek-box_border-width-bottom_m\@medium {
border-bottom-width: var(--ek-box-border-width-m);
}
.ek-box_border-width-left_m\@medium {
border-left-width: var(--ek-box-border-width-m);
}
.ek-box_border-width_l\@medium {
border-width: var(--ek-box-border-width-l);
}
.ek-box_border-width-top_l\@medium {
border-top-width: var(--ek-box-border-width-l);
}
.ek-box_border-width-right_l\@medium {
border-right-width: var(--ek-box-border-width-l);
}
.ek-box_border-width-bottom_l\@medium {
border-bottom-width: var(--ek-box-border-width-l);
}
.ek-box_border-width-left_l\@medium {
border-left-width: var(--ek-box-border-width-l);
}
.ek-box_border-width_xl\@medium {
border-width: var(--ek-box-border-width-xl);
}
.ek-box_border-width-top_xl\@medium {
border-top-width: var(--ek-box-border-width-xl);
}
.ek-box_border-width-right_xl\@medium {
border-right-width: var(--ek-box-border-width-xl);
}
.ek-box_border-width-bottom_xl\@medium {
border-bottom-width: var(--ek-box-border-width-xl);
}
.ek-box_border-width-left_xl\@medium {
border-left-width: var(--ek-box-border-width-xl);
}
.ek-box_border-width_xxl\@medium {
border-width: var(--ek-box-border-width-xxl);
}
.ek-box_border-width-top_xxl\@medium {
border-top-width: var(--ek-box-border-width-xxl);
}
.ek-box_border-width-right_xxl\@medium {
border-right-width: var(--ek-box-border-width-xxl);
}
.ek-box_border-width-bottom_xxl\@medium {
border-bottom-width: var(--ek-box-border-width-xxl);
}
.ek-box_border-width-left_xxl\@medium {
border-left-width: var(--ek-box-border-width-xxl);
}
.ek-box_border-width_3xl\@medium {
border-width: var(--ek-box-border-width-3xl);
}
.ek-box_border-width-top_3xl\@medium {
border-top-width: var(--ek-box-border-width-3xl);
}
.ek-box_border-width-right_3xl\@medium {
border-right-width: var(--ek-box-border-width-3xl);
}
.ek-box_border-width-bottom_3xl\@medium {
border-bottom-width: var(--ek-box-border-width-3xl);
}
.ek-box_border-width-left_3xl\@medium {
border-left-width: var(--ek-box-border-width-3xl);
}
.ek-box_border-width_4xl\@medium {
border-width: var(--ek-box-border-width-4xl);
}
.ek-box_border-width-top_4xl\@medium {
border-top-width: var(--ek-box-border-width-4xl);
}
.ek-box_border-width-right_4xl\@medium {
border-right-width: var(--ek-box-border-width-4xl);
}
.ek-box_border-width-bottom_4xl\@medium {
border-bottom-width: var(--ek-box-border-width-4xl);
}
.ek-box_border-width-left_4xl\@medium {
border-left-width: var(--ek-box-border-width-4xl);
}
.ek-box_border-width_5xl\@medium {
border-width: var(--ek-box-border-width-5xl);
}
.ek-box_border-width-top_5xl\@medium {
border-top-width: var(--ek-box-border-width-5xl);
}
.ek-box_border-width-right_5xl\@medium {
border-right-width: var(--ek-box-border-width-5xl);
}
.ek-box_border-width-bottom_5xl\@medium {
border-bottom-width: var(--ek-box-border-width-5xl);
}
.ek-box_border-width-left_5xl\@medium {
border-left-width: var(--ek-box-border-width-5xl);
}
.ek-box_border-style_solid\@medium {
border-style: solid;
}
.ek-box_border-style-top_solid\@medium {
border-top-style: solid;
}
.ek-box_border-style-right_solid\@medium {
border-right-style: solid;
}
.ek-box_border-style-bottom_solid\@medium {
border-bottom-style: solid;
}
.ek-box_border-style-left_solid\@medium {
border-left-style: solid;
}
.ek-box_border-style_dotted\@medium {
border-style: dotted;
}
.ek-box_border-style-top_dotted\@medium {
border-top-style: dotted;
}
.ek-box_border-style-right_dotted\@medium {
border-right-style: dotted;
}
.ek-box_border-style-bottom_dotted\@medium {
border-bottom-style: dotted;
}
.ek-box_border-style-left_dotted\@medium {
border-left-style: dotted;
}
.ek-box_border-style_dashed\@medium {
border-style: dashed;
}
.ek-box_border-style-top_dashed\@medium {
border-top-style: dashed;
}
.ek-box_border-style-right_dashed\@medium {
border-right-style: dashed;
}
.ek-box_border-style-bottom_dashed\@medium {
border-bottom-style: dashed;
}
.ek-box_border-style-left_dashed\@medium {
border-left-style: dashed;
}
.ek-box_width_1-1\@medium {
width: calc(1 / 1 * 100%);
}
.ek-box_width_1-2\@medium {
width: calc(1 / 2 * 100%);
}
.ek-box_width_1-3\@medium {
width: calc(1 / 3 * 100%);
}
.ek-box_width_2-3\@medium {
width: calc(2 / 3 * 100%);
}
.ek-box_width_1-4\@medium {
width: calc(1 / 4 * 100%);
}
.ek-box_width_2-4\@medium {
width: calc(2 / 4 * 100%);
}
.ek-box_width_3-4\@medium {
width: calc(3 / 4 * 100%);
}
.ek-box_width_1-5\@medium {
width: calc(1 / 5 * 100%);
}
.ek-box_width_2-5\@medium {
width: calc(2 / 5 * 100%);
}
.ek-box_width_3-5\@medium {
width: calc(3 / 5 * 100%);
}
.ek-box_width_4-5\@medium {
width: calc(4 / 5 * 100%);
}
.ek-box_width_1-6\@medium {
width: calc(1 / 6 * 100%);
}
.ek-box_width_2-6\@medium {
width: calc(2 / 6 * 100%);
}
.ek-box_width_3-6\@medium {
width: calc(3 / 6 * 100%);
}
.ek-box_width_4-6\@medium {
width: calc(4 / 6 * 100%);
}
.ek-box_width_5-6\@medium {
width: calc(5 / 6 * 100%);
}
.ek-box_width_1-7\@medium {
width: calc(1 / 7 * 100%);
}
.ek-box_width_2-7\@medium {
width: calc(2 / 7 * 100%);
}
.ek-box_width_3-7\@medium {
width: calc(3 / 7 * 100%);
}
.ek-box_width_4-7\@medium {
width: calc(4 / 7 * 100%);
}
.ek-box_width_5-7\@medium {
width: calc(5 / 7 * 100%);
}
.ek-box_width_6-7\@medium {
width: calc(6 / 7 * 100%);
}
.ek-box_width_1-8\@medium {
width: calc(1 / 8 * 100%);
}
.ek-box_width_2-8\@medium {
width: calc(2 / 8 * 100%);
}
.ek-box_width_3-8\@medium {
width: calc(3 / 8 * 100%);
}
.ek-box_width_4-8\@medium {
width: calc(4 / 8 * 100%);
}
.ek-box_width_5-8\@medium {
width: calc(5 / 8 * 100%);
}
.ek-box_width_6-8\@medium {
width: calc(6 / 8 * 100%);
}
.ek-box_width_7-8\@medium {
width: calc(7 / 8 * 100%);
}
.ek-box_width_1-9\@medium {
width: calc(1 / 9 * 100%);
}
.ek-box_width_2-9\@medium {
width: calc(2 / 9 * 100%);
}
.ek-box_width_3-9\@medium {
width: calc(3 / 9 * 100%);
}
.ek-box_width_4-9\@medium {
width: calc(4 / 9 * 100%);
}
.ek-box_width_5-9\@medium {
width: calc(5 / 9 * 100%);
}
.ek-box_width_6-9\@medium {
width: calc(6 / 9 * 100%);
}
.ek-box_width_7-9\@medium {
width: calc(7 / 9 * 100%);
}
.ek-box_width_8-9\@medium {
width: calc(8 / 9 * 100%);
}
.ek-box_width_1-10\@medium {
width: calc(1 / 10 * 100%);
}
.ek-box_width_2-10\@medium {
width: calc(2 / 10 * 100%);
}
.ek-box_width_3-10\@medium {
width: calc(3 / 10 * 100%);
}
.ek-box_width_4-10\@medium {
width: calc(4 / 10 * 100%);
}
.ek-box_width_5-10\@medium {
width: calc(5 / 10 * 100%);
}
.ek-box_width_6-10\@medium {
width: calc(6 / 10 * 100%);
}
.ek-box_width_7-10\@medium {
width: calc(7 / 10 * 100%);
}
.ek-box_width_8-10\@medium {
width: calc(8 / 10 * 100%);
}
.ek-box_width_9-10\@medium {
width: calc(9 / 10 * 100%);
}
.ek-box_width_auto\@medium {
width: auto;
}
.ek-box_height_1-1\@medium {
height: 100%;
}
.ek-box_height_auto\@medium {
height: auto;
}
.ek-box_overflow_auto\@medium {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.ek-box_overflow-x_auto\@medium {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.ek-box_overflow-y_auto\@medium {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.ek-box_overflow_hidden\@medium {
overflow: hidden;
-webkit-overflow-scrolling: touch;
}
.ek-box_overflow-x_hidden\@medium {
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.ek-box_overflow-y_hidden\@medium {
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
.ek-box_overflow_scroll\@medium {
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
.ek-box_overflow-x_scroll\@medium {
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}
.ek-box_overflow-y_scroll\@medium {
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.ek-box_overflow_visible\@medium {
overflow: visible;
-webkit-overflow-scrolling: touch;
}
.ek-box_overflow-x_visible\@medium {
overflow-x: visible;
-webkit-overflow-scrolling: touch;
}
.ek-box_overflow-y_visible\@medium {
overflow-y: visible;
-webkit-overflow-scrolling: touch;
}
.ek-box_opacity_0\@medium {
opacity: 0;
}
.ek-box_opacity_10\@medium {
opacity: 0.1;
}
.ek-box_opacity_20\@medium {
opacity: 0.2;
}
.ek-box_opacity_30\@medium {
opacity: 0.3;
}
.ek-box_opacity_40\@medium {
opacity: 0.4;
}
.ek-box_opacity_50\@medium {
opacity: 0.5;
}
.ek-box_opacity_60\@medium {
opacity: 0.6;
}
.ek-box_opacity_70\@medium {
opacity: 0.7;
}
.ek-box_opacity_80\@medium {
opacity: 0.8;
}
.ek-box_opacity_90\@medium {
opacity: 0.9;
}
.ek-box_opacity_100\@medium {
opacity: 1;
}
.ek-box_empty_hidden\@medium:empty {
display: none;
}
}