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