.useful{margin:4rem 0}.useful .wrap{font:italic 1.125rem/1.75rem var(--FONT2)}#blocks .useful .wrap h2{padding-bottom:1rem}.useful .wrap>p{color:#999;padding:0 .5rem}.useful__tabs{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center}.useful__tab{box-sizing:border-box;display:inline-block;flex-shrink:0;margin:2.4rem 1.4rem .4rem;max-width:28%;min-height:400px;position:relative;text-align:left;width:100%}.useful__tab:first-child{margin-left:0}.useful__tab:last-child{margin-right:0}.useful__tab-content{border-radius:0 0 2rem 2rem;box-shadow:0 0 22px rgba(20,40,60,.2);min-height:360px;position:relative}.useful__nav-button:first-of-type,.useful_tab0{--icon_color:#de0467;--color_tab:#fce5f0}.useful__nav-button:nth-of-type(2),.useful_tab1{--icon_color:#70ad06;--color_tab:#f1f8e8}.useful__nav-button:nth-of-type(3),.useful_tab2{--icon_color:#8d57e8;--color_tab:#f4eefd}.useful_about{font:300 1.125rem/1.75rem var(--FONT1);padding:1.7rem 1.3rem 1.7rem 2.3rem;position:static}.useful_line{background-color:var(--icon_color);height:4px;width:100%}ul.useful_buttons{list-style:none;margin-left:-1rem;margin-top:1.6rem}.useful_button{align-items:center;display:flex;font:500 1.125rem/1 var(--FONT1);letter-spacing:-.0125rem;margin-bottom:.6rem;text-align:left}.useful_button .ico,.useful_button svg{background-color:var(--color_tab);border:1px solid var(--color_tab);border-radius:50%;fill:var(--BLUE_HI1);flex-shrink:0;height:1rem;margin-right:calc(1vw + .5rem);padding:.5rem;transition:background-color .3s ease,border .3s ease,fill .1s ease;width:1rem}.useful_button:focus,.useful_button:hover{color:var(--icon_color)}.useful_button:focus svg,.useful_button:hover svg{background-color:var(--icon_color);border:1px solid var(--icon_color);fill:#fff}.useful_popup{background-color:var(--color_tab);border-radius:0 0 2rem 2rem;box-sizing:border-box;height:0;left:0;max-height:100%;min-height:100%;overflow:hidden;padding:1.7rem 1.3rem 1.7rem 2.3rem;position:absolute;top:0;visibility:hidden;width:100%}.useful_popup--height_auto{max-height:none}.useful_popup--active,.useful_popup--closing{box-shadow:0 0 22px rgba(20,40,60,.2);height:100%;height:auto;outline:0;visibility:visible;width:100%}.useful_popup h4{align-items:center;display:flex;line-height:1;margin-left:-1rem;margin-top:160px;opacity:0;text-align:left;transition:margin-top .5s,opacity .5s}.useful_popup--active h4{margin-top:0;opacity:1;transition:margin-top .5s,opacity .5s}.useful_popup h4 svg{background-color:var(--icon_color);border-radius:50%;fill:#fff;flex-shrink:0;height:1rem;margin-right:1rem;margin-top:.05rem;padding:.5rem;width:1rem}.useful_popup__text{min-height:0;opacity:0;transition:opacity .5s}.useful_popup--active .useful_popup__text{min-height:100%;opacity:1;overflow:visible;transition:opacity .5s,min-height 1s;transition-delay:.1s}.useful_popup__close{margin:0 auto;opacity:0}.useful_popup--height_auto .useful_popup__close{height:auto;opacity:1;overflow:visible;transition:opacity .5s;transition-delay:.4s}.useful_popup__close:focus:before,.useful_popup__close:hover:before{background:rgba(0,0,0,.1);opacity:.7}.useful_popup__close svg{height:3.5rem;width:3.5rem}.useful__nav{display:none;line-height:0;position:absolute;right:34px;top:14px;z-index:10}.useful__nav-button{border:2px solid #ccc;border-radius:10px;height:12px;margin:0 2px;transition:width .4s;width:12px}.useful__nav-button_active{background:var(--icon_color);width:20px}.useful__nav-button:focus,.useful__nav-button:hover,.useful__nav-button_active{border-color:var(--icon_color)}.useful__nav-animate-rec{background:currentColor;border-color:currentColor;border-radius:10px;height:100%;left:0;position:absolute;top:0;transition:left .4s ease-out,width .4s ease-out,color .4s ease;z-index:1}.useful .wrap>ul{margin:30px 30px 0 40px}.useful .wrap>ul:after{clear:both;content:"";display:block}.useful .wrap>ul li{border-radius:8px;box-shadow:0 0 10px 0 #0000001a;box-sizing:border-box;float:left;font:700 1.1rem var(--FONT1);list-style:none;margin:10px 1% 20px;overflow:hidden;padding:15px;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:23%}.useful .wrap>ul li .ico{float:left;margin:-6px 12px -6px 0}@media (min-width:900px){.useful__tab{transition-property:none}.useful__tab.ani_bind{opacity:0;top:120px}.useful__tabs .ani_bind .useful_line{width:0}.useful__tabs .ani_end .useful_line{transition:width .5s;width:100%}.useful__tab.ani_start{opacity:1;top:0;transition:top .4s,opacity .6s,left .3s}.useful_tab1.ani_start{transition-delay:.2s}.useful_tab2.ani_start{transition-delay:.4s}.useful__tab.ani_bind .useful__tab-content{min-height:0}.useful__tab.ani_height .useful__tab-content{min-height:360px;transition:min-height .5s}.useful__tab.ani_bind .useful_about{opacity:0;position:absolute}.useful__tab.ani_bind .ani_height_end .useful_about{opacity:1;position:static;transition:opacity .6s}}@media (max-width:900px){.useful{margin-bottom:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.useful h3{font:700 1.625rem/2rem var(--FONT1)}.useful h4,.useful h5{font-size:1.25rem}.useful h3,.useful h4,.useful h5{padding:0 0 1.5rem}.useful__tab{left:30px;margin:0!important;max-width:396px;position:absolute;top:0;transition:left .3s ease;visibility:hidden;width:460px}.useful__tab.item_act{visibility:visible}.useful__tab h3{opacity:0}.useful__tab.item_act h3{opacity:1;transition:opacity .6s ease-in}.useful .item_first{margin:0}.useful .item_l{left:-600px}.useful .item_r{left:600px}.useful__tabs{cursor:move;cursor:-webkit-grabbing;margin:2.4rem auto 0;max-width:460px;min-height:460px;overflow:hidden;position:relative}.useful__nav{display:flex}.useful .wrap>ul li{width:48%}}@media (max-width:600px){.useful .wrap>ul li{font:normal 1rem var(--FONT1);margin:0 0 15px 2px;width:49%}.useful .wrap>ul li .ico{margin:-4px 8px -8px -2px;transform:scale(.8)}}@media (max-width:450px){.useful .wrap{font-size:1rem}.useful__tabs{max-width:100vw;min-height:470px}.useful__tab{left:16px;max-width:calc(100% - 32px);width:100%}.useful_button{font:600 1.15rem/1 var(--FONT1)}.useful__nav{right:16px}}