:root{
	--bg-color-menu: #f7f7f7; /* f7f7f7 */ 
    --bg-color:#ffffff;
    --txt-color:#000;
    --txt-color2:#0047d2;		/* #002ed2; */
    --txt-color3:#0047d2;
	--border-elements: #d0d0d0;
}
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box; /* ширина и высота элемента включают в себя внутренние отступы (padding) и границы (border), но не внешние отступы (margin) */
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* УБИРАЕМ ПОДСВЕТКУ ПРИ КЛИКЕ */
	user-select: none;
}
::-moz-selection { /* Code for Firefox */
	color: rgb(255, 255, 255);
	background: var(--txt-color);
}  
::selection {
	color: rgb(255, 255, 255);
	background: var(--txt-color);
}
html, body{
    background: var(--bg-color);
	background-color: var(--bg-color);
	overflow-x: hidden;
	/* position: relative; - изза него перестала работать прокрутка страницы к избранному в оглавлении теории */
	height: 100%;
	overscroll-behavior: contain; /* запрет на отскок страницы - чтобы случайно не рефрешилась в андроид */
}


/* если будут проблемы - это закомментировать */
/* это сбивает настройки - букмарка теории, пролистанности асаны */
/* 
	сделать для body position: relative;
	начать при скролле считать эти значения и скроллить к ним обратно при перелистывании
	document.querySelector('#practice').getBoundingClientRect().top 
*/
 
/* body{
	position: relative;

	background: yellow !important;
	border: 3px solid black;
}
#asanas{
	background: red !important;
}
#one_asana{
	background: orange !important;
}
#practice{
	background: green !important;
}
#theory{
	background: blue !important;
}
#profile{
	background: violet !important;
}
#asanas, #one_asana, #practice, #theory, #profile {
	border: 1px solid white;
	width: 90% !important;
} */


body{
	/* если сделать absolute/relative - при прокрутке страниц если тапнуть на нижнем меню - то ничего не прокручивается */
	position: relative;
	/* left: 0; */
	width: 100vw;
	height: 100vh;
	font-family: 'Sofia Sans Condensed', system-ui, sans-serif;
}
.asana svg{
	width: 100%;
	height: calc( 100% - 20px );
}
.asana {
    height: 100px;
    width: 100px;
	float: left;
	text-align: center;
    border: 1px solid #e7e7e7;
    border-radius: 10px;
    margin: 1px;
	position: relative;
	/* background: #fff; f8f8f8 */
	/* background: radial-gradient(circle, rgb(255 255 255) 0%, rgb(255 255 255) 60%, rgb(240 240 240) 100%); */
	background-image: url('/images/bg_asana.webp');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	transition: background 0.2s ease-out;

/* background-image: url('https://media.istockphoto.com/id/1442621551/ru/%D0%B2%D0%B5%D0%BA%D1%82%D0%BE%D1%80%D0%BD%D0%B0%D1%8F/%D1%81%D1%82%D0%B0%D1%80%D0%B0%D1%8F-%D0%BF%D0%B5%D1%80%D0%B3%D0%B0%D0%BC%D0%B5%D0%BD%D1%82%D0%BD%D0%B0%D1%8F-%D0%B1%D1%83%D0%BC%D0%B0%D0%B3%D0%B0-%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B0-%D0%BF%D1%83%D1%81%D1%82%D0%BE%D0%B9-%D1%81%D1%80%D0%B5%D0%B4%D0%BD%D0%B5%D0%B2%D0%B5%D0%BA%D0%BE%D0%B2%D0%BE%D0%B9-%D0%B1%D1%83%D0%BA%D0%B2%D1%8B-%D0%B2-%D0%BC%D1%83%D0%BB%D1%8C%D1%82%D1%8F%D1%88%D0%BD%D0%BE%D0%BC-%D1%81%D1%82%D0%B8%D0%BB%D0%B5.jpg?s=612x612&w=0&k=20&c=DzNTHFCUysnjwPs2ukqarpxgK2pZFF3hy5j6Uxzo8EQ='); */
/* background-size: 146% 160%; */
background-image: url('/images/bg_asana.webp');
background-size: 102% 111%;
background-position: center;
transition: none;
border: 0;
}
.asana.selected {
	/* background: radial-gradient(circle, rgb(221 235 253) 0%, rgb(221 235 253) 60%, rgb(194 217 248) 100%); */
	background-image: url('/images/bg_asana_selected.webp');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border: 1px solid #c1d5f1;

background: white;
border: 0;
border: 1px solid white;
}
.asana.selected svg g {
	/* fill: #000; */
fill: #b2b2b2;
}
.asana_title{
	position: absolute;
	bottom: 1px;
	width: 100%;
	font-size: 9px;
	/* font-family: 'Open Sans'; */
	color: var(--txt-color2);
	text-transform: uppercase;
letter-spacing: -0.6px;
bottom: 2px;
color: #000000;
}
.asana.selected .asana_title{
	color: #838383;
}

.asana_aff_wrap .asana {
    width: 75px;
    height: 75px;
}
.asana_aff_wrap .asana svg{
	width: calc( 100% - 10px );
	height: calc( 100% - 15px );
	top: 7px;
	position: relative;
}
.asana_aff_wrap .asana_title {
    display: none;
}
.asana_affirmation {
	padding: 7px 9px;
    height: 77px;
    display: flex;
    text-transform: uppercase;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}
.aff_titile {
    font-size: 15px;
    padding: 0px 0 7px 0;
}
.aff_text {
    font-weight: 200;
    letter-spacing: 0.5px;
    font-size: 11px;
}

#menu_top{
	display: none;
	height: 0px;
	width: 100%;
	position: fixed;
    top: 0;
    left: 0;
	background: var(--bg-color-menu);
	z-index: 5;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);
	/* border-bottom: 1px solid #f0f0f0; */
}
#asanas, #one_asana, #practice, #theory, #profile{
	padding: 1px 2px 91px 2px;
	display: inline-block;
	position: absolute;
	background: #fff;
}
#practice{
	padding-bottom: 261px;
	min-height: 100%;
	height: auto !important;
}
#one_asana, #theory, #profile{
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 140px;
    min-width: 100vw;
	/* делаю + 1px > чтобы влкючился скролл внутри body, иначе див двигался с body и залазил на верхнее меню */
    min-height: calc( 100vh + 1px );
}
#menu_bottom{
	height: 90px;
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0px;
	background: var(--bg-color);
	z-index: 5;
	/* -webkit-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.1); */
	border-top: 1px solid #cdcdcd;
}

.menu_bottom_button {
    float: left;
    width: calc( 100% / 4);
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* УБИРАЕМ ПОДСВЕТКУ ПРИ КЛИКЕ */
}
.menu_bottom_svg {
    width: 100%;
    height: 30px;
    margin-top: 7px;
}
.menu_bottom_svg svg {
    width: 100%;
    height: 100%;
}
.menu_bottom_text {
    text-transform: uppercase;
    font-size: 11px;
    text-align: center;
    margin-top: 2px;
	color: #9a9a9a;
    /* font-weight: bold; */
color: #979797;
}
.menu_bottom_svg svg g {
    fill: #9a9a9a;
fill: #b4b4b4;
}
.menu_active {
	color: #005ee0;
	fill: #005ee0 !important;
color: #000000;
fill: #000000 !important;
}

.text_header {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 30px;
    margin: 35px 0 10px 0;
    text-transform: uppercase;
    font-weight: bold;
}
.one_asana_svg svg {
    width: 100%;
	max-width: 400px;
    height: 100%;
	max-height: 400px;
}
.one_asana_svg {
    width: 60%;
    /* background: red; */
    margin: 0 auto;
    padding: 20px;
	text-align: center;
}
.one_asana_meaning {
	width: 100%;
    text-align: center;
    font-size: 17px;
    text-transform: uppercase;
    color: var(--txt-color);
    padding-bottom: 5px;
}
.one_asana_affirmation {
    width: 100%;
    text-align: center;
    font-size: 17px;
    text-transform: uppercase;
    color: var(--txt-color3);
}
.one_asana_header {
    padding: 45px 0 10px 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 17px;
}

.theory_header1 {
	margin: 40px 0 15px 0;
    font-weight: bold;
    color: var(--txt-color3);
    border-bottom: 1px dashed;
    display: inline-block;
	font-size: 18px;
color: #000000;
font-size: 20px;
font-weight: 600;
}
.theory_header2 {
    margin-left: 2em;
color: #626262;
}
.theory_header3 {
    margin-left: 4.5em;
color: #626262;
}
.theory_header2, .theory_header3 {
    margin-bottom: 10px;
    border-bottom: 1px dashed #acacac;
    display: block;
}

.menu_bottom_button, .asana, .theory_header1, .theory_header2, .theory_header3 {
	cursor: pointer;
	position: relative;
}


/**
 * COMMENT: SVG images
 */

.svg_back {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300.000000 301.000000"  preserveAspectRatio="xMidYMid meet"><g transform="translate(0.000000,301.000000) scale(0.050000,-0.050000)" fill="#000000" stroke="none"><path d="M4110 5618 c-65 -37 -2450 -2423 -2481 -2482 -37 -69 -37 -163 0 -232 50 -96 2455 -2480 2516 -2495 172 -42 336 102 305 268 -11 63 -161 221 -1146 1208 l-1134 1135 1133 1135 c1212 1214 1190 1188 1131 1328 -54 128 -218 196 -324 135z"/></g></svg>');
}

#back_button{
	display: none;
    position: absolute;
    background: #0047d2b5;
    width: 38px;
    height: 38px;
    border-radius: 100px;
    bottom: 64px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border: 2px solid var(--bg-color);
width: 70px;
height: 42px;
border-radius: 10px;
border: 0.5px solid #000000;
background: #ffffffdb;
}
#back_button svg {
    width: 20px;
    height: 20px;
    top: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    margin: auto;
}
#back_button svg g {
    fill: black !important;
}


.bookmark svg g {
    fill: #ff5d00c9;
fill: #eed7b7;
}
.bookmark svg {
    width: 100%;
    height: 100%;
}
.bookmark {
    position: absolute;
    width: 25px;
    left: -32px;
    top: 0px;
}
.theory_header1 .bookmark {
    left: -6px;
    top: 25px;
}

#practice_asanas {
	width: 100%;
	/* padding-bottom: 300px; */
}
#menu_practice_prepare{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	--menu-gap: 12px;
	background: #e9e9e9;
	z-index: 4;
	border-top: 1px solid #e3e3e3;
	height: 262px;
	transition: all 0.2s ease-out;
background: #f5f5f5;
border-top: 1px solid #e9e9e9;
}
.practice_position {
    width: 100%;
    clear: both;
    text-transform: uppercase;
	font-size: 20px;
	font-weight: 200;
	color: #646464;
	padding: 27px 0 7px 8px;
}
.practice_buttons {
    background: var(--bg-color-menu);
    border-bottom: 1px solid #e3e3e3;
    padding: 6px 4px;
    display: inline-block;
    width: 100%;
border-bottom: 1px solid #e7e7e7;
}

#practice_sort_name svg, #practice_sort_type svg, #practice_sort_aff svg {
	width: 20px;
	height: 20px;
	float: left;
	padding: 4px;
}
#practice_sort_name svg g, #practice_sort_type svg g, #practice_sort_aff svg g {
	fill: white;
fill: black;
}
.practice_buttons span {
    text-transform: uppercase;
    font-size: 12px;
    padding: 3px 0px 0px 0px;
	display: block;
font-size: 11px;
top: 3.4px;
position: relative;
padding: 0;
}
#practice_sort_name, #practice_sort_type, #practice_sort_aff {
	float: left;
    background: #777777;
    border-radius: 6px;
    padding: 2px 10px;
    margin-right: 4px;
    font-weight: bold;
    color: white;
    font-size: 12px;
    width: 70px;
	cursor: pointer;
background: #383838;
font-weight: normal;

background: #fff;
color: black;
border: 0.5px solid #828282;
}
#practice_prepare_asanas_start {
    color: #d0d0d0;
    font-size: 30px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    position: absolute;
    top: calc( (100% - 90px) / 2 );  /* 90px это высота меню */
    text-transform: uppercase;
color: #d9d9d9;
font-weight: normal;
font-size: 30px;
font-weight: 200;
top: calc( (100% - 100px) / 2 );
}
#practice_prepare_asanas{
	display: inline-block;
	width: 100%;;
	padding: var(--menu-gap) 4px;
	box-sizing: border-box;
}
#practice_prepare_asanas .asana {
    width: 100px;
    height: 100px;
}
#practice_prepare_asanas .drag-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px dashed #9a9a9a;
	border-radius: 10px;
	background: #f5f5f5;
	color: #6e6e6e;
	font-size: 11px;
	text-transform: uppercase;
	box-sizing: border-box;
	float: left;
	margin: 1px;
}
.asana.drag-remove {
	border: 1px solid #f53b3b !important;
	box-shadow: 0 0 0 1px rgba(245,59,59,0.4), 0 0 12px 4px rgba(245,59,59,0.35), 0 0 22px 10px rgba(245,59,59,0.22);
}
#practice_prepare_asanas .drag-placeholder.drag-remove {
	background: #ffe0e0 !important;
	border: none !important;
	color: #f53b3b !important;
	box-shadow: none !important;
}
.asana.dragging {
	position: fixed;
	z-index: 20;
	transform: scale(1.08);
	box-shadow: 0 4px 12px #0000002b;
	pointer-events: none;
}
.asana.drag-remove {
	border: 1px solid #e03030 !important;
	box-shadow: 0 0 0 1px rgba(224,48,48,0.35), 0 0 10px 3px rgba(224,48,48,0.28), 0 0 18px 8px rgba(224,48,48,0.16);
}
#practice_prepare_asanas .asana_title, .last_practices .asana_title {
    font-size: 14px;
    color: #ffffff;
    /* color: white; */
    background: #025de0;
    /* font-weight: bold; */
    position: absolute;
    display: block;
    width: 40px;
    height: 17px;
    border-radius: 4px;
    /* border: 1px solid #a8a8a88a; */
    left: -3px;
    bottom: -3px;
    padding: 0px 0;
    text-transform: lowercase;
background: #00000070;
}
#practice_prepare_asanas .asana svg {
    height: calc( 100% - 8px );
}


#practice_search {
    float: right;
    height: 24px;
}
input#search {
    height: 24px;
    width: calc( 100% - 230px );
    border-radius: 6px;
    border: 1px solid #b1b1b1;
    padding: 0 7px;
    margin-right: 4px;
    position: absolute;
    right: 0;
    top: 6px;
    background: var(--bg-color);
border: 1px solid #d9d9d9;
height: 25px;
border: 0.5px solid #828282;
}
input#search:focus {
	outline: none;
	border: 1px solid #0047d2;
border: 1px solid #000;
}
.search_icon svg{
	width: 100%;
	height: 100%;
}
.search_icon {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 8px;
    cursor: pointer;
}
.search_icon svg g {
	fill: #8a8a8a;
fill: #3d3d3d;
}

#button_start_wrapper {
	clear: both;
	width: 100%;
	padding: 0;
	text-align: center;
	margin: 0 0 var(--menu-gap) 0;
	display: none;
	color: #000;
}
#button_start_list, #button_start, #button_start_bookmark {
	float: left;
	cursor: pointer;
}
#button_start_list svg, #button_start_bookmark svg {
    width: 22px;
    height: 22px;
}
#button_start_list svg g, #button_start_bookmark svg g {
	fill: #000;
}
#button_start_list, #button_start_bookmark {
	padding: 9px 0 0 0;
	text-align: center;
	margin: 0 19px;
	color: #000;
}
#button_start {
	width: calc(100% - 120px);
	letter-spacing: 1px;
	padding: 10px 20px;
	text-align: center;
	border-radius: 10px;
	margin: 0;
	color: #000;
	background: #ffffff;
	border: 0.5px solid #000000;
}
#button_start_bookmark.bookmarked svg g{
	fill: #eed7b7;
}


#menu_asana_time{
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 3;
    background: #eee;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#menu_asana_time_title {
    background: white;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
	width: 100%;
	font-size: 18px;
}
#menu_asana_time_settings{
	text-align: center;
    max-width: 375px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.asana_time_setting_title {
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    padding: 16px 0 6px 0;
	font-size: 13px;
}
.asana_time_setting {
    width: 100%;
    padding: 0 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.choose_seconds, .choose_minutes {
	float: left;
    background: white;
    text-align: center;
    margin: 1px 1px;
    padding: 10px 20px;
    border: 0.5px solid #b2b2b2;
    border-radius: 6px;
	width: calc(100% / 5 - 2px);
}
#asana_time_setting_setup {
    margin: 20px;
    padding: 10px 40px;
    background: white;
    border: 0.5px solid #b2b2b2;
    border-radius: 9px;
    text-transform: uppercase;
}
.time_selected{
    background: black;
    color: white;
}
#menu_asana_time_close{
    position: absolute;
    top: 2px;
    right: 2px;
    width: auto;
    height: auto;
    cursor: pointer;
    padding: 10px;
}
#menu_asana_time_close svg{
    width: 20px;
    height: 20px;
}




#practice_go{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 10;
	display: none;
	overflow: hidden;
}
#countdown_at_start{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 0;
    margin: 0;
    font-size: calc(100vw);
    display: none;
    justify-content: center;
    align-items: center;
	font-weight: 100;
}

.practice_go_wrapper{
    height: calc(100vh / 3 * 2);
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}
#practice_go_countdown {
    font-size: calc(100vw / 2.7);
    display: flex;
    justify-content: center;
    height: calc(100vh / 3);
    align-items: center;
    width: 100%;
}
#practice_go_total_countdown {
    font-size: 22px;
    display: flex;
    justify-content: center;
    height: 22px;
    align-items: center;
    width: 100%;
    position: absolute;
    bottom: 14px;
	letter-spacing: 2px;
}

.practice_go_text_header{
    width: 100%;
    display: block;
    text-align: center;
    font-size: 30px;
    margin: 35px 0 10px 0;
    text-transform: uppercase;
    font-weight: bold;
	padding: 0 15px;
}
.practice_go_asana_svg svg {
    width: 100%;
    height: 100%;
}
.practice_go_asana_svg {
    width: 100%;
    height: calc(100% - 140px);
    margin: 0 auto;
    padding: 10px;
    text-align: center;
}
.practice_go_asana_meaning {
    width: 100%;
    text-align: center;
    font-size: 17px;
    text-transform: uppercase;
    color: #000;
	padding: 0 15px;
}
.practice_go_affirmation {
    width: 100%;
    text-align: center;
    font-size: 17px;
    text-transform: uppercase;
    color: #000;
	padding: 0 15px;
}
#practice_go_stop{
	display: none;
    position: absolute;
    color: white;
    background: #eeac58;
    text-align: center;
    /* bottom: calc( 100vh / 3 - 90px ); */
    top: calc( 100vh / 3 * 2 + 30px);
    left: 50%;
    transform: translate(-50%, -50%);
    /* padding: 10px 26px; */
	padding: 10px 39px 10px 19px;
    border-radius: 9px;
    text-transform: uppercase;
    width: max-content;
	font-size: 17px;
	cursor: pointer;
}
#practice_go_stop svg {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 13px;
    top: 12.6px;
}
#practice_go_stop svg * {
    fill: white;
}


#practice_go_inverted div {
    background: #000;
    color: white;
}
#practice_go_inverted g {
    fill: white;
}

.flip_horizontal {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

.paused *{
	color: #a8a8a8;
    fill: #a8a8a8;
}

#body_hover {
	display: none;
	position: absolute;
	top: 0;
	width: 100vw;
	height: 300vh;
	background: #fff;
	z-index: 9;
}

#update_app {
    padding: 10px;
    border: 0.5px solid black;
    border-radius: 8px;
    text-align: center;
	cursor: pointer;
	margin-top: 27px;
	font-weight: 200;
}


.practice_position_name {
    width: 100%;
    clear: both;
    text-transform: uppercase;
	font-size: 20px;
	font-weight: 200;
	color: #646464;
	padding: 27px 0 10px 0px;
}
.last_practices {
    /* display: flex;
    flex-wrap: wrap;
	flex-direction: row; */
	/* display: inline-block; */
	display: table;
}
.last_practices .title {
    font-weight: 200;
    padding-top: 15px;
    display: flex;
    flex-basis: 100%;
    justify-content: flex-start;
}
.last_practices .asana{
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
}
.last_practices .asana svg{
	height: 100%;
	padding: 3px;
}
.last_practices .asana_title{
	font-size: 13px;
    width: 36px;
    height: 15px;
	bottom: -8px;
}

.gray_button{
	color: gray;
	border: 1px solid silver !important;
}

.awareness_button, .main_page, .voice {
    display: inline-block;
    padding: 5px 20px;
    margin-right: 2px;
    border-radius: 5px;
    border: 0.5px solid black;
    text-transform: uppercase;
    font-size: 14px;
	font-weight: 200;
}
.awareness_button_selected, .main_page_selected, .voice_selected {
	background: #000;
	color: white;
}

#last_practices_wrapper, #bookmarks_wrapper{
	display: none;
}
.practice_position_name svg{
    width: 18px;
    height: 18px;
    margin: 0;
    position: relative;
    top: 2px;
	transition: all .2s;
}

.rotate_90 {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.loader_text{
	text-align: center;
	font-size: 25px;
	text-transform: uppercase;
	padding-top: calc(100vh / 4);	
}
.loader {
	margin: auto;
	border: 2px solid #EAF0F6;
	border-radius: 50%;
	border-top: 2px solid #000000;
	width: 200px;
	height: 200px;
	animation: spinner 4s linear infinite;

	position: absolute;
    top: calc(50% - 100px);
    left: calc(50% - 100px);
    transform: translate(-50%, -50%);
}
@keyframes spinner {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}


/* стили для горизонтального режима */
@media screen and (orientation: landscape) {
	#practice_go_countdown{
		font-size: 120px;
	}
	#practice_go_total_countdown{
		justify-content: flex-end;
		padding-right: 18px;
	}
}