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