.page-module__0S8EDa__article_description h3{margin-top:25px;margin-bottom:5px}.page-module__0S8EDa__article_description p{color:var(--color-text-optional)}.page-module__0S8EDa__article_description strong,.page-module__0S8EDa__article_description b{font-weight:600}.page-module__0S8EDa__article_images{align-items:flex-start}
.ArticleContainer-module__PZzwWG__heading{color:var(--color-optional);margin-bottom:15px;font-weight:700}.ArticleContainer-module__PZzwWG__description{margin-bottom:15px}.ArticleContainer-module__PZzwWG__description p{margin-top:15px;margin-bottom:15px}@media (max-width:576px){.ArticleContainer-module__PZzwWG__article_block_description{font-size:var(--fs-middle)}}
.ArticleOptionItem-module__FyvUMq__argument{border-top:1px solid var(--bg-optional)}.ArticleOptionItem-module__FyvUMq__name{color:var(--color-optional)}.ArticleOptionItem-module__FyvUMq__value{font-size:var(--fs-middle);color:var(--color-text-optional)}.ArticleOptionItem-module__FyvUMq__value b{color:var(--color-text)}@media (max-width:576px){.ArticleOptionItem-module__FyvUMq__argument{padding-top:10px;padding-bottom:10px}.ArticleOptionItem-module__FyvUMq__name,.ArticleOptionItem-module__FyvUMq__value{width:100%;margin-top:2px;margin-bottom:2px}.ArticleOptionItem-module__FyvUMq__value{font-size:var(--fs-small)}.ArticleOptionItem-module__FyvUMq__name{font-size:var(--fs-middle)}}
.styles-module__krr8hW__form input{color:#000;background-color:#fff;border:1px solid #ccc;border-radius:2px;width:250px;height:35px;padding:4px}.styles-module__krr8hW__form input[type=file],.styles-module__krr8hW__form input[type=radio],.styles-module__krr8hW__form input[type=checkbox]{color:#fff;background:0 0;border:none;height:auto;padding:0;display:inline-block}.styles-module__krr8hW__form input[type=checkbox],.styles-module__krr8hW__form input[type=radio]{width:20px;height:20px;margin-top:-3px}.styles-module__krr8hW__form label{align-items:center;gap:7px;margin-top:10px;display:flex}.styles-module__krr8hW__form input[type=reset],.styles-module__krr8hW__form input[type=submit]{background-color:#ccc;border:1px solid #888;border-radius:3px;width:auto;padding-left:15px;padding-right:15px}
.styles-module__Ag8VNq__sandbox{background-color:var(--bg-optional);border-radius:var(--br);margin-bottom:10px;padding:25px;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.styles-module__Ag8VNq__article_block_input{border-radius:var(--br-small);width:70px;margin-left:5px;margin-right:5px;padding:4px;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.styles-module__Ag8VNq__sandbox_light_green{color:#98c379}.styles-module__Ag8VNq__sandbox_yellow{color:#e6c07b}.styles-module__Ag8VNq__example_text{border:var(--border);border-radius:var(--br);padding:25px;font-size:25px}.styles-module__Ag8VNq__input_font_family{width:200px}@media (max-width:576px){.styles-module__Ag8VNq__sandbox span{font-size:var(--fs-middle)}.styles-module__Ag8VNq__sandbox .styles-module__Ag8VNq__article_block_input{font-size:var(--fs-middle);width:110px;min-width:110px;max-width:110px}}
.styles-module__qIG7KG__sandbox{background-color:var(--bg-optional);border-radius:var(--br);margin-bottom:10px;padding:25px;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.styles-module__qIG7KG__article_block_input{border-radius:var(--br-small);width:70px;margin-left:5px;margin-right:5px;padding:4px;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.styles-module__qIG7KG__background_block{border:var(--border);border-radius:var(--br);height:450px}.styles-module__qIG7KG__light_green{color:#98c379}.styles-module__qIG7KG__yellow{color:#e6c07b}.styles-module__qIG7KG__background_block_image{background-image:url(/images/articles/filter.jpg)}.styles-module__qIG7KG__example_background_size input{min-width:120px}.styles-module__qIG7KG__background_block_clip{color:#ffffff1a;background-size:cover;border:20px dashed red;justify-content:center;align-items:center;padding:25px;font-size:100px;font-weight:800;line-height:.9;display:flex}.styles-module__qIG7KG__background_block_origin{background-size:400px;background-color:var(--bg-optional);background-repeat:no-repeat;border:20px dashed red;padding:25px}.styles-module__qIG7KG__property_background{background:#161b22 url(/images/articles/filter.jpg) 50%/cover no-repeat}@media (max-width:576px){.styles-module__qIG7KG__sandbox span{font-size:var(--fs-middle)}.styles-module__qIG7KG__sandbox .styles-module__qIG7KG__article_block_input{font-size:var(--fs-middle);width:110px;min-width:110px;max-width:110px}.styles-module__qIG7KG__background_block{height:250px}}
.styles-module__s7chnG__sandbox{background-color:var(--bg-optional);border-radius:var(--br);margin-bottom:10px;padding:25px;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.styles-module__s7chnG__transition_item{border:var(--border);border-radius:var(--br);padding:20px}.styles-module__s7chnG__transition_item_block{border-radius:var(--br-small);cursor:pointer;background-color:red;width:150px;height:150px}.styles-module__s7chnG__transition_item_block:hover{background:#00f;transform:translate(100px)}.styles-module__s7chnG__light_green{color:#98c379}.styles-module__s7chnG__article_block_input{border-radius:var(--br-small);width:200px;margin-left:5px;margin-right:5px;padding:4px;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (max-width:576px){.styles-module__s7chnG__transition_item{padding:10px}.styles-module__s7chnG__transition_item_block{width:75px;height:75px}}
.styles-module__Ng3oEa__animation_item{--width:150px;--padding:20px;border:var(--border);padding:var(--padding);border-radius:var(--br);height:calc(var(--width) + var(--padding)*2);position:relative}.styles-module__Ng3oEa__animation_item_block{width:var(--width);height:var(--width);border-radius:var(--br-small);background-color:red;animation-name:styles-module__Ng3oEa__square;animation-duration:5s;animation-iteration-count:infinite;position:absolute}@keyframes styles-module__Ng3oEa__square{0%{left:var(--padding);background-color:red}to{left:calc(100% - var(--width) - var(--padding));background-color:#00f}}.styles-module__Ng3oEa__iteration_count_1{animation-name:styles-module__Ng3oEa__iteration_count_1}@keyframes styles-module__Ng3oEa__iteration_count_1{0%{left:var(--padding);background-color:red}to{left:calc(100% - var(--width) - var(--padding));background-color:#00f}}.styles-module__Ng3oEa__iteration_count_3{animation-name:styles-module__Ng3oEa__iteration_count_3}@keyframes styles-module__Ng3oEa__iteration_count_3{0%{left:var(--padding);background-color:red}to{left:calc(100% - var(--width) - var(--padding));background-color:#00f}}.styles-module__Ng3oEa__iteration_count_infinite{animation-name:styles-module__Ng3oEa__iteration_count_infinite}@keyframes styles-module__Ng3oEa__iteration_count_infinite{0%{left:var(--padding);background-color:red}to{left:calc(100% - var(--width) - var(--padding));background-color:#00f}}.styles-module__Ng3oEa__animation_item_block_play_state:hover{animation-play-state:paused}.styles-module__Ng3oEa__delay_0s{animation-name:styles-module__Ng3oEa__delay_0s}@keyframes styles-module__Ng3oEa__delay_0s{0%{left:var(--padding);background-color:red}to{left:calc(100% - var(--width) - var(--padding));background-color:#00f}}.styles-module__Ng3oEa__delay_2s{animation-name:styles-module__Ng3oEa__delay_2s}@keyframes styles-module__Ng3oEa__delay_2s{0%{left:var(--padding);background-color:red}to{left:calc(100% - var(--width) - var(--padding));background-color:#00f}}.styles-module__Ng3oEa__delay_500ms{animation-name:styles-module__Ng3oEa__delay_500ms}@keyframes styles-module__Ng3oEa__delay_500ms{0%{left:var(--padding);background-color:red}to{left:calc(100% - var(--width) - var(--padding));background-color:#00f}}.styles-module__Ng3oEa__none{animation-name:styles-module__Ng3oEa__none_elem}@keyframes styles-module__Ng3oEa__none_elem{0%{left:var(--padding);background-color:red}to{left:calc(100% - var(--width) - var(--padding));background-color:#00f}}.styles-module__Ng3oEa__forwards{animation-name:styles-module__Ng3oEa__forwards}@keyframes styles-module__Ng3oEa__forwards{0%{left:var(--padding);background-color:red}to{left:calc(100% - var(--width) - var(--padding));background-color:#00f}}.styles-module__Ng3oEa__backwards{animation-name:styles-module__Ng3oEa__backwards}@keyframes styles-module__Ng3oEa__backwards{0%{left:var(--padding);background-color:red}to{left:calc(100% - var(--width) - var(--padding));background-color:#00f}}.styles-module__Ng3oEa__both{animation-name:styles-module__Ng3oEa__both}@keyframes styles-module__Ng3oEa__both{0%{left:var(--padding);background-color:red}to{left:calc(100% - var(--width) - var(--padding));background-color:#00f}}@media (max-width:768px){.styles-module__Ng3oEa__animation_item{--padding:10px;--width:100px}}@media (max-width:576px){.styles-module__Ng3oEa__animation_item{--padding:10px;--width:50px}}
.styles-module__svQSvq__grid_container{border-radius:var(--br-middle);border:2px solid red;gap:30px;display:grid}.styles-module__svQSvq__sandbox{background-color:var(--bg-optional);border-radius:var(--br);margin-bottom:10px;padding:25px;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.styles-module__svQSvq__article_block_input{border-radius:var(--br-small);width:70px;margin-left:5px;margin-right:5px;padding:4px;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.styles-module__svQSvq__light_green{color:#98c379}.styles-module__svQSvq__yellow{color:#e6c07b}.styles-module__svQSvq__grid_element{background-color:var(--color);border-radius:var(--br-small);text-align:center;padding:25px;font-weight:700}.styles-module__svQSvq__article_block_example_grid_template_columns input{width:250px}.styles-module__svQSvq__article_block_sandbox_grid input{width:550px}.styles-module__svQSvq__grid_element_current{background-color:var(--color-optional)}
.ArticleTabs-module__BVB6aq__tabs{flex-wrap:wrap;gap:15px;margin-bottom:15px;display:flex}.ArticleTabs-module__BVB6aq__tab{cursor:pointer;background-color:var(--bg-optional);border-radius:var(--br);border:var(--border);padding:15px 35px}.ArticleTabs-module__BVB6aq__tab.ArticleTabs-module__BVB6aq__active{background-color:var(--color)}.ArticleTabs-module__BVB6aq__content{color:var(--color-text-optional);background-color:var(--bg-optional);border-radius:var(--br);padding:25px;display:none}.ArticleTabs-module__BVB6aq__content.ArticleTabs-module__BVB6aq__active{display:block}@media (max-width:576px){.ArticleTabs-module__BVB6aq__tabs{gap:7px}.ArticleTabs-module__BVB6aq__tab{font-size:var(--fs-small);border-radius:var(--br-middle);padding:7px 15px}.ArticleTabs-module__BVB6aq__content{font-size:var(--fs-small);padding:15px}}
.styles-module__oLraOG__sandbox{background-color:var(--bg-optional);border-radius:var(--br);margin-bottom:10px;padding:25px;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.styles-module__oLraOG__article_block_input{border-radius:var(--br-small);width:70px;margin-left:5px;margin-right:5px;padding:4px;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.styles-module__oLraOG__translate_item{border:2px dotted var(--color-optional);border-radius:var(--br-small);width:350px;height:150px}.styles-module__oLraOG__translate_item_block{border-radius:var(--br-small);background:var(--color);z-index:-1;justify-content:center;align-items:center;height:100%;font-size:20px;font-weight:700;display:flex;position:relative}.styles-module__oLraOG__example_transform{align-items:center;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;display:flex}.styles-module__oLraOG__example_transform span{white-space:nowrap}.styles-module__oLraOG__light_green{color:#98c379}.styles-module__oLraOG__yellow{color:#e6c07b}
.page-module__aP15qG__article_description h3{margin-top:25px;margin-bottom:5px}.page-module__aP15qG__article_description p{color:var(--color-text-optional)}.page-module__aP15qG__article_description strong,.page-module__aP15qG__article_description b{font-weight:600}.page-module__aP15qG__article_images{align-items:flex-start}