/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-ksxbn1cn4l] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-ksxbn1cn4l] {
    flex: 1;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.Navbar[b-tqae59x1u0] {
    height: 55px;
    width: auto;
    background-color: var(--ThemeBackgroundColor);
    display: flex;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 5px;
    border-radius: 5px;
    z-index: 100;
    color: white !important;
    overflow-y: hidden;
    overflow-x: scroll;
}

    .Navbar[b-tqae59x1u0]::-webkit-scrollbar {
        height: 5px;
    }

    .Navbar[b-tqae59x1u0]::-webkit-scrollbar-thumb {
        background-color: lightgray;
        border-radius: 5px;
    }

.CalculationsContainer[b-tqae59x1u0] {
    flex: 1;
    justify-content: center;
    display: flex;
    color: white;
    text-align: center;
    margin: 0px 5px;
}



.Navbar[b-tqae59x1u0]  a.active {
    padding: 10px 10px 7px 10px;
    color: var(--ThemeButtonColor);
    border-bottom: 4px solid var(--ThemeButtonColor);
}

.Navbar[b-tqae59x1u0]  .Item:hover {
    color: var(--ThemeButtonColor);
}



.Item > img[b-tqae59x1u0] {
    margin-right: 10px;
}
/* /Components/Layout/PremiumLayout.razor.rz.scp.css */
.page[b-iyim85xl0w] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-iyim85xl0w] {
    flex: 1;
}
/* /Components/LoadingComponents.razor.rz.scp.css */
@keyframes Loading-b-h2qdanoj87 {
    0% {
        bottom: -100px;
    }

    100% {
        bottom: 100%;
    }
}

.Parent[b-h2qdanoj87]{
    width : 100vw;
    height : 85vh;
    display : flex;
    flex-direction : column;
    justify-content : center;
    align-items : center;
}
.Lighter[b-h2qdanoj87] {
    width: 100%;
    height: 80px;
    box-shadow: 0px 0px 30px 0px white;
    position: absolute;
    bottom: -100px;
    animation: Loading-b-h2qdanoj87 2s infinite alternate forwards;
}

.Logo[b-h2qdanoj87] {
    box-shadow: 0px 0px 10px black;
    overflow: hidden;
    position: relative;
    border-radius: 90px 100px 240px 270px;
}

img[b-h2qdanoj87] {
    width: 190px;
    height: 190px;
}
/* /Components/Pages/Camarilla.razor.rz.scp.css */
*[b-4zgvnsvrxw]{
	font-family : Fredoka;
}

@media (max-width: 700px) {
	.MainContainer[b-4zgvnsvrxw] {
		flex-direction: column !important;
	}
}

.MainContainer[b-4zgvnsvrxw]{
	display : flex;
	flex-direction : row;
	width : 100vw;
	gap : 5px;
	margin-top : 70px;
}

.FormContainer[b-4zgvnsvrxw] {

	text-align: left;
	display: inline-flex;
	flex-direction: column;
	gap: 10px;

	box-shadow : 0px 0px 5px 0px black;
	border-radius : 10px;
	margin : 5px 7px;
	padding : 10px;
}
.FormContainer > div[b-4zgvnsvrxw]{
	flex : 1;
}

input[b-4zgvnsvrxw] {
	border-radius: 5px;
	border: 1px solid grey;
	outline: none;
	font-family: 'Fredoka One';
	padding: 2px;
	text-align: center;
	direction: ltr;
	width : 100%;
}

.ButtonsContainer[b-4zgvnsvrxw]{
	display : inline-flex;
	flex-direction : row;
	justify-content : center;
	gap : 10px;
}

.ButtonsContainer > button[b-4zgvnsvrxw] {
	border: none;
	color: white;
	border-radius: 10px;
	padding : 3px 20px;
}

.CalculateButton[b-4zgvnsvrxw] {
	background-color: var(--ThemeButtonColor);
}
.ClearButton[b-4zgvnsvrxw] {
	background-color: indianred;
}


.ListsTableContainer[b-4zgvnsvrxw] {
	flex: 1;

	box-shadow: 0px 0px 5px 0px black;
	border-radius: 10px;
	margin: 5px;
	overflow : hidden;
}

table[b-4zgvnsvrxw] {
	width: 100%;
	text-align: center;
}

th[b-4zgvnsvrxw] {
	background-color: var(--ThemeBackgroundColor);
	color: white;
	padding: 5px;
}

td[b-4zgvnsvrxw]{
	padding: 20px 0px;
}
/* /Components/Pages/Classic.razor.rz.scp.css */
*[b-l6fyrrompf]{
	font-family : Fredoka;
}

@media (max-width: 700px) {
	.MainContainer[b-l6fyrrompf] {
		flex-direction: column !important;
	}
}

.MainContainer[b-l6fyrrompf]{
	display : flex;
	flex-direction : row;
	width : 100vw;
	gap : 5px;
	margin-top : 70px;
}

.FormContainer[b-l6fyrrompf] {

	text-align: left;
	display: inline-flex;
	flex-direction: column;
	gap: 10px;

	box-shadow : 0px 0px 5px 0px black;
	border-radius : 10px;
	margin : 5px 7px;
	padding : 10px;
}
.FormContainer > div[b-l6fyrrompf]{
	flex : 1;
}

input[b-l6fyrrompf] {
	border-radius: 5px;
	border: 1px solid grey;
	outline: none;
	font-family: 'Fredoka One';
	padding: 2px;
	text-align: center;
	direction: ltr;
	width : 100%;
}

.ButtonsContainer[b-l6fyrrompf]{
	display : inline-flex;
	flex-direction : row;
	justify-content : center;
	gap : 10px;
}

.ButtonsContainer > button[b-l6fyrrompf] {
	border: none;
	color: white;
	border-radius: 10px;
	padding : 3px 20px;
}

.CalculateButton[b-l6fyrrompf] {
	background-color: var(--ThemeButtonColor);
}
.ClearButton[b-l6fyrrompf] {
	background-color: indianred;
}


.ListsTableContainer[b-l6fyrrompf] {
	flex: 1;

	box-shadow: 0px 0px 5px 0px black;
	border-radius: 10px;
	margin: 5px;
	overflow : hidden;
}

table[b-l6fyrrompf] {
	width: 100%;
	text-align: center;
}

th[b-l6fyrrompf] {
	background-color: var(--ThemeBackgroundColor);
	color: white;
	padding: 5px;
}

td[b-l6fyrrompf]{
	padding: 30px 0px;
}
/* /Components/Pages/Denmark.razor.rz.scp.css */
*[b-s93kesxtsi]{
	font-family : Fredoka;
}

@media (max-width: 700px) {
	.MainContainer[b-s93kesxtsi] {
		flex-direction: column !important;
	}
}

.MainContainer[b-s93kesxtsi]{
	display : flex;
	flex-direction : row;
	width : 100vw;
	gap : 5px;
	margin-top : 70px;
}

.FormContainer[b-s93kesxtsi] {

	text-align: left;
	display: inline-flex;
	flex-direction: column;
	gap: 10px;

	box-shadow : 0px 0px 5px 0px black;
	border-radius : 10px;
	margin : 5px 7px;
	padding : 10px;
}
.FormContainer > div[b-s93kesxtsi]{
	flex : 1;
}

input[b-s93kesxtsi] {
	border-radius: 5px;
	border: 1px solid grey;
	outline: none;
	font-family: 'Fredoka One';
	padding: 2px;
	text-align: center;
	direction: ltr;
	width : 100%;
}

.ButtonsContainer[b-s93kesxtsi]{
	display : inline-flex;
	flex-direction : row;
	justify-content : center;
	gap : 10px;
}

.ButtonsContainer > button[b-s93kesxtsi] {
	border: none;
	color: white;
	border-radius: 10px;
	padding : 3px 20px;
}

.CalculateButton[b-s93kesxtsi] {
	background-color: var(--ThemeButtonColor);
}
.ClearButton[b-s93kesxtsi] {
	background-color: indianred;
}


.ListsTableContainer[b-s93kesxtsi] {
	flex: 1;

	box-shadow: 0px 0px 5px 0px black;
	border-radius: 10px;
	margin: 5px;
	overflow : hidden;
}

table[b-s93kesxtsi] {
	width: 100%;
	text-align: center;
}

th[b-s93kesxtsi] {
	background-color: var(--ThemeBackgroundColor);
	color: white;
	padding: 5px;
}

td[b-s93kesxtsi]{
	padding: 100px 0px;
}
/* /Components/Pages/Fibonacci.razor.rz.scp.css */
*[b-yakzcmjpxh]{
	font-family : Fredoka;
}

@media (max-width: 700px) {
	.MainContainer[b-yakzcmjpxh] {
		flex-direction: column !important;
	}
}

.MainContainer[b-yakzcmjpxh]{
	display : flex;
	flex-direction : row;
	width : 100vw;
	gap : 5px;
	margin-top : 70px;
}

.FormContainer[b-yakzcmjpxh] {

	text-align: left;
	display: inline-flex;
	flex-direction: column;
	gap: 10px;

	box-shadow : 0px 0px 5px 0px black;
	border-radius : 10px;
	margin : 5px 7px;
	padding : 10px;
}
.FormContainer > div[b-yakzcmjpxh]{
	flex : 1;
}

input[b-yakzcmjpxh] {
	border-radius: 5px;
	border: 1px solid grey;
	outline: none;
	font-family: 'Fredoka One';
	padding: 2px;
	text-align: center;
	direction: ltr;
	width : 100%;
}

.ButtonsContainer[b-yakzcmjpxh]{
	display : inline-flex;
	flex-direction : row;
	justify-content : center;
	gap : 10px;
}

.ButtonsContainer > button[b-yakzcmjpxh] {
	border: none;
	color: white;
	border-radius: 10px;
	padding : 3px 20px;
}

.CalculateButton[b-yakzcmjpxh] {
	background-color: var(--ThemeButtonColor);
}
.ClearButton[b-yakzcmjpxh] {
	background-color: indianred;
}


.ListsTableContainer[b-yakzcmjpxh] {
	flex: 1;

	box-shadow: 0px 0px 5px 0px black;
	border-radius: 10px;
	margin: 5px;
	overflow : hidden;
}

table[b-yakzcmjpxh] {
	width: 100%;
	text-align: center;
}

th[b-yakzcmjpxh] {
	background-color: var(--ThemeBackgroundColor);
	color: white;
	padding: 5px;
}

td[b-yakzcmjpxh]{
	padding: 30px 0px;
}
/* /Components/Pages/GannSquare.razor.rz.scp.css */
*[b-8hwsnc71hu]{
	font-family : Fredoka;
}

@media (max-width: 700px) {
	.MainContainer[b-8hwsnc71hu] {
		flex-direction: column !important;
	}
}

.MainContainer[b-8hwsnc71hu] {
	display: flex;
	flex-direction: row;
	width: 100vw;
	gap: 5px;
	margin-top: 70px;
	overflow: hidden;
}
.MainContainer[b-8hwsnc71hu]::-webkit-scrollbar {
	height: 10px;
	width: 10px;
}

.MainContainer[b-8hwsnc71hu]::-webkit-scrollbar-thumb {
	background-color: lightgray;
	border-radius: 5px;
}


.FormAndDetailContainer[b-8hwsnc71hu] {
	display: inline-flex;
	flex-direction: column;
	gap: 10px;
	margin: 5px 7px;
}
.FormContainer[b-8hwsnc71hu] {
	text-align: left;
	box-shadow: 0px 0px 5px 0px black;
	border-radius: 10px;
	padding: 10px;
}
.FormContainer > div[b-8hwsnc71hu]{
	flex : 1;
}
input[b-8hwsnc71hu] {
	border-radius: 5px;
	border: 1px solid grey;
	outline: none;
	font-family: 'Fredoka One';
	padding: 2px;
	text-align: center;
	direction: ltr;
	width: 100%;
}
.ButtonsContainer[b-8hwsnc71hu]{
	display : inline-flex;
	flex-direction : row;
	justify-content : center;
	align-items: center;
	gap : 10px;
}
.ButtonsContainer > button[b-8hwsnc71hu] {
	border: none;
	color: white;
	border-radius: 10px;
	padding : 3px 20px;
}
.CalculateButton[b-8hwsnc71hu] {
	background-color: var(--ThemeButtonColor);
}
.ClearButton[b-8hwsnc71hu] {
	background-color: indianred;
}
.DetailContainer[b-8hwsnc71hu] {
	text-align: left;
	box-shadow: 0px 0px 5px 0px black;
	border-radius: 10px;
	padding: 10px;
}

.ListsTableContainer[b-8hwsnc71hu] {
	box-shadow: 0px 0px 5px 0px black;
	border-radius: 10px;
	overflow: hidden;
}

.ListsTableContainer > table[b-8hwsnc71hu] {
	width: 100%;
	text-align: center;
}

th[b-8hwsnc71hu] {
	background-color: var(--ThemeBackgroundColor);
	color: white;
	padding: 5px;
}

.ListsTableContainer > table > tr > td[b-8hwsnc71hu] {
	padding: 10px 0px;
}

.Separator[b-8hwsnc71hu] {
	height : 1px;
	border : 1px solid lightgrey;
	background-color : lightgrey;
	margin : 6px 0px;
	border-radius : 5px;
}


.SquareTableContainer[b-8hwsnc71hu]{
	flex : 1;
	overflow : scroll;
	margin: 5px;
}
.SquareTableContainer[b-8hwsnc71hu]::-webkit-scrollbar {
	height: 10px;
	width: 10px;
}

.SquareTableContainer[b-8hwsnc71hu]::-webkit-scrollbar-thumb {
	background-color: lightgray;
	border-radius: 5px;
}

.SquareTable[b-8hwsnc71hu] {
	width: 100%;
	height : 100%;
}
.SquareTable > tr[b-8hwsnc71hu]{
	padding :0px;
	margin : 0px;
}
.SquareTable > tr > td[b-8hwsnc71hu] {
	text-align: center;
	border-radius: 5px;
	margin : 5px !important;
}
.DarkCells[b-8hwsnc71hu]{
	background-color : var(--ThemeButtonColor);
}
.LightCells[b-8hwsnc71hu] {
	background-color: var(--ThemeButtonColorLight);
}

/* /Components/Pages/Login.razor.rz.scp.css */
@keyframes Loading-b-xyshuiyhhg{
    0% {
        bottom: -100px;
    }
    100% {
        bottom: 100%;
    }
}

.Lighter[b-xyshuiyhhg]{
    width : 100%;
    height  : 80px;
    box-shadow: 0px 0px 30px 0px white ;
    position  : absolute;
    bottom : -100px;
    animation : Loading-b-xyshuiyhhg 2s infinite alternate forwards;
}

*[b-xyshuiyhhg] {
    font-family: Fredoka;
}

html[b-xyshuiyhhg], body[b-xyshuiyhhg] {
    margin: 0px;
    padding: 0px;
    position: relative;
    overflow: scroll;
}

.Logo[b-xyshuiyhhg] {
    box-shadow: 0px 0px 10px black;
    overflow : hidden;
    position : relative;
    border-radius: 90px 100px 240px 270px;
}
img[b-xyshuiyhhg] {
    width: 250px;
}

.LoginMainContainer[b-xyshuiyhhg]{
    width : 100vw;
    height : 95vh;
    display : flex;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    padding-top : 30px;
}

.FormContainer[b-xyshuiyhhg] {
    text-align: center;
    width : 90%;
    margin-top  : 40px;
}

.InputContainer[b-xyshuiyhhg] {
    background-color: var(--ThemeButtonColorLight);
    width: 90%;
    padding: 5px;
    margin: 7px;
    border-radius: 10px;
    display: inline-flex;
    gap: 7px;
    justify-content: center;
    font-size: 18px;
}

    .InputContainer > img[b-xyshuiyhhg] {
        width: 27px;
        height: 27px;
    }

    .InputContainer > input[b-xyshuiyhhg] {
        width: 100%;
        background-color: transparent;
        border: none;
        outline: none;
        color: var(--ThemeButtonColor);
    }
button[b-xyshuiyhhg] {
    width: 90%;
    margin: 5px;
    padding: 5px;
    border-radius: 15px;
    border: none;
    background: var(--ThemeButtonColor);
    color: white;
    cursor : pointer;
}

@keyframes Shake-b-xyshuiyhhg{
    0%{
        transform : translateX(0px)
    }
    25% {
        transform : translateX(10px)
    }
    50%{
        transform : translateX(-10px)
    }
    100% {
    transform : translateX(0px)
    }
}
.RequeredInput[b-xyshuiyhhg]{
    border : 2px solid indianred;
    animation : Shake-b-xyshuiyhhg 0.5s forwards;
}
/* /Components/Pages/Profile.razor.rz.scp.css */
*[b-rl56k0xu7n] {
    font-family: Fredoka;
}

html[b-rl56k0xu7n], body[b-rl56k0xu7n] {
    margin: 0px;
    padding: 0px;
    position: relative;
    overflow: scroll;
}


.MainContainer[b-rl56k0xu7n] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin : 10px;
    margin-top  : 70px;
    text-align : center;
}



.FormContainer[b-rl56k0xu7n] {
    text-align : center;
    display : flex;
    flex-direction : column;

/*    box-shadow : 0px 0px 2px 0px black;
    padding : 10px;
    border-radius : 10px;*/
}

.InputContainer[b-rl56k0xu7n] {
    background-color: var(--ThemeButtonColorLight);
    padding: 5px;
    margin: 7px;
    border-radius: 10px;
    display: inline-flex;
    gap: 7px;
    justify-content: center;
    font-size: 18px;
}
.InputContainer > img[b-rl56k0xu7n] {
    width: 27px;
    height: 27px;
}

.InputContainer > input[b-rl56k0xu7n] {
    width: 100%;
    background-color: transparent;
    border: none;
    outline: none;
    color: var(--ThemeButtonColor);
}


.SecondaryContainer[b-rl56k0xu7n] {
    box-shadow: 0px 0px 2px 0px black;
    border-radius: 10px;
}

button[b-rl56k0xu7n] {
    width: 70%;
    background-color: var(--ThemeButtonColor);
    border : none;
    outline : none;
    color : white;
    border-radius : 7px;
    padding : 5px;
    cursor:pointer;
}

    @keyframes Shake-b-rl56k0xu7n {
        0%{
        transform : translateX(0px)
    }
    25% {
        transform : translateX(10px)
    }
    50%{
        transform : translateX(-10px)
    }
    100% {
    transform : translateX(0px)
    }
}
.RequeredInput[b-rl56k0xu7n]{
    animation : Shake-b-rl56k0xu7n 0.5s forwards;
}

.Gender[b-rl56k0xu7n] {
    width: 100%;
    outline: none;
    border: none;
    background-color: transparent;
    color: var(--ThemeButtonColor);
}


/*Parents overflow must be hidden and -webkit-scrollbar{height : 0px; width : 0px;}*/
/*Then you can specify the height and withd of the div scrollbar and color of thum*/
.ListsTableContainer[b-rl56k0xu7n]::-webkit-scrollbar {
    height: 10px;
    width: 10px;
}

.ListsTableContainer[b-rl56k0xu7n]::-webkit-scrollbar-thumb {
    background-color: lightgray;
    border-radius: 5px;
}

.ListsTableContainer[b-rl56k0xu7n] {
    flex: 1;
    padding: 0px 10px 0px 10px;
    overflow: scroll; /*This must allow overflow to scroll*/
}

.ListsTable[b-rl56k0xu7n] {
    width: 100%;
}
table[b-rl56k0xu7n] {
    width: 100%;
    text-align: center;
}

th[b-rl56k0xu7n] {
    background-color: var(--ThemeBackgroundColor);
    color: white;
    padding: 5px;
}

td[b-rl56k0xu7n] {
    padding: 10px 0px;
}

/* /Components/Pages/Welcome.razor.rz.scp.css */
.MainContainer[b-b674yp1h1p] {
    display: flex;
    align-items : center;
    flex-direction: column;
    width: 100vw;
    gap: 5px;
    padding-top: 80px;
}

@media (max-width: 880px) {
    .AboutMainContainer[b-b674yp1h1p] {
        flex-direction: column-reverse !important;
        gap: 20px !important;
        text-align  :center;
    }

    .AboutDetailContainer[b-b674yp1h1p] {
        text-align: center !important;
        justify-content: center;
        align-items: center;
    }

    .ContactsContainer[b-b674yp1h1p] {
        flex-direction: column !important;
    }

    .ContactsContainer[b-b674yp1h1p]{
        padding : 0px 10px;
    }


    .SkillsDetailContainer[b-b674yp1h1p] {
        flex-direction: column-reverse !important;
        gap: 20px !important;
        text-align: center;
    }

    .ContactDetailContainer[b-b674yp1h1p] {
        flex-direction: column-reverse !important;
        gap: 50px !important;
    }

    .CoursesDetailContainer[b-b674yp1h1p] {
        flex-direction: column !important;
        gap: 50px !important;
        text-align: center;
    }

    .PCImageContainer[b-b674yp1h1p]{
        display : none !important;
    }
    .MobileImageContainer[b-b674yp1h1p]{
        display : flex !important;
    }
}

@media (max-width: 450px) {
    .AboutP[b-b674yp1h1p] {
        width: 300px !important;
    }
}


.AboutMainContainer[b-b674yp1h1p] {
    display: flex;
    flex-direction: row;
    gap : 100px;
    align-items : center;

}

.AboutDetailContainer[b-b674yp1h1p]{
    display : flex;
    flex-direction : column;
}

.ContactsContainer[b-b674yp1h1p] {
    display: flex;
    gap: 10px;
    width : 100%;
}

.ContactButtons[b-b674yp1h1p] {
    padding: 5px 10px;
    background-color: transparent;
    color: var(--ThemeButtonColor);
    border: 2px solid var(--ThemeButtonColor);
    border-radius: 5px;
    font-size: 18px;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

@keyframes Loading-b-b674yp1h1p {
    0% {
        bottom: -100px;
    }

    100% {
        bottom: 100%;
    }
}

.Lighter[b-b674yp1h1p] {
    width: 100%;
    height: 80px;
    box-shadow: 0px 0px 30px 0px white;
    position: absolute;
    bottom: -100px;
    animation: Loading-b-b674yp1h1p 4s infinite alternate forwards;
}

.LogoContainer[b-b674yp1h1p] {
    box-shadow: 0px 0px 10px black;
    overflow: hidden;
    position: relative;
    border-radius: 90px 100px 240px 270px;
    width: 270px;
    height: 270px;
}


.Logo[b-b674yp1h1p] {
    box-shadow: 0px 0px 10px black;
    width : 100%;
    height : 100%;
}



.SkillsMainContainer[b-b674yp1h1p] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.SkillsDetailContainer[b-b674yp1h1p] {
    display: flex;
    flex-direction: row;
    gap: 100px;
}

.SkillsDetailContainer > div[b-b674yp1h1p] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.ContactMainContainer[b-b674yp1h1p] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background-color: var(--ThemeButtonColorLight);
    width: 100%;
}

.ContactDetailContainer[b-b674yp1h1p] {
    gap: 50px;
    display: flex;
    flex-direction: row;
}

.ContactDetailContainer > div[b-b674yp1h1p] {
    width: 200px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.CoursesMainContainer[b-b674yp1h1p] {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.CoursesDetailContainer[b-b674yp1h1p]{
    display : flex;
    flex-direction : row;
    gap : 40px;
}

.CoursesDetailContainer > div[b-b674yp1h1p] {
    width : 250px;
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align : left;
}


.ImagesMainContainer[b-b674yp1h1p] {
    display: flex;
    flex-direction: column;
    justify-content : center;
    align-items: center;
    width: 100%;

}

.PCImageContainer[b-b674yp1h1p] {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}

.MobileImageContainer[b-b674yp1h1p] {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;

    display: none;
}

.Images[b-b674yp1h1p] {
    width: 230px;
    object-fit: contain;
    border-radius: 10px;
}

.MovementButtons[b-b674yp1h1p]{
    cursor : pointer;
    width : 40px;
    height : 40px;
}

.HiddenButton[b-b674yp1h1p]{
    visibility : hidden !important;
}





/* /Components/Pages/Woodie.razor.rz.scp.css */
*[b-k1lln41uj2]{
	font-family : Fredoka;
}

@media (max-width: 700px) {
	.MainContainer[b-k1lln41uj2] {
		flex-direction: column !important;
	}
}

.MainContainer[b-k1lln41uj2]{
	display : flex;
	flex-direction : row;
	width : 100vw;
	gap : 5px;
	margin-top : 70px;
}

.FormContainer[b-k1lln41uj2] {

	text-align: left;
	display: inline-flex;
	flex-direction: column;
	gap: 10px;

	box-shadow : 0px 0px 5px 0px black;
	border-radius : 10px;
	margin : 5px 7px;
	padding : 10px;
}
.FormContainer > div[b-k1lln41uj2]{
	flex : 1;
}

input[b-k1lln41uj2] {
	border-radius: 5px;
	border: 1px solid grey;
	outline: none;
	font-family: 'Fredoka One';
	padding: 2px;
	text-align: center;
	direction: ltr;
	width : 100%;
}

.ButtonsContainer[b-k1lln41uj2]{
	display : inline-flex;
	flex-direction : row;
	justify-content : center;
	gap : 10px;
}

.ButtonsContainer > button[b-k1lln41uj2] {
	border: none;
	color: white;
	border-radius: 10px;
	padding : 3px 20px;
}

.CalculateButton[b-k1lln41uj2] {
	background-color: var(--ThemeButtonColor);
}
.ClearButton[b-k1lln41uj2] {
	background-color: indianred;
}


.ListsTableContainer[b-k1lln41uj2] {
	flex: 1;

	box-shadow: 0px 0px 5px 0px black;
	border-radius: 10px;
	margin: 5px;
	overflow : hidden;
}

table[b-k1lln41uj2] {
	width: 100%;
	text-align: center;
}

th[b-k1lln41uj2] {
	background-color: var(--ThemeBackgroundColor);
	color: white;
	padding: 5px;
}

td[b-k1lln41uj2]{
	padding: 30px 0px;
}
/* /Components/Pages/ZStrategy.razor.rz.scp.css */
*[b-cw1yzt40sb]{
	font-family : Fredoka;
}

@media (max-width: 700px) {
	.MainContainer[b-cw1yzt40sb] {
		flex-direction: column !important;
	}

	.ListsTableContainer[b-cw1yzt40sb] {
		overflow: scroll !important;
	}
}
.MainContainer[b-cw1yzt40sb] {
	display: flex;
	flex-direction: row;
	width: 100vw;
	gap: 5px;
	margin-top: 70px;
	height: 550px !important;
}

.FormContainer[b-cw1yzt40sb] {
	text-align: left;
	display: inline-flex;
	flex-direction: column;
	gap: 10px;

	box-shadow : 0px 0px 5px 0px black;
	border-radius : 10px;
	margin : 5px 7px;
	padding : 10px;

	max-height : 250px;
}
.FormContainer > div[b-cw1yzt40sb]{
	flex : 1;
}
.Combo[b-cw1yzt40sb] {
	width: 100%;
	border: 1px solid grey;
	border-radius : 5px;
	padding : 5px;
}

input[b-cw1yzt40sb] {
	border-radius: 5px;
	border: 1px solid grey;
	outline: none;
	font-family: 'Fredoka One';
	padding: 2px;
	text-align: center;
	direction: ltr;
	width : 100%;
}

.ButtonsContainer[b-cw1yzt40sb]{
	display : inline-flex;
	flex-direction : row;
	justify-content : center;
	gap : 10px;
}

.ButtonsContainer > button[b-cw1yzt40sb] {
	border: none;
	color: white;
	border-radius: 10px;
	padding : 3px 20px;
}

.CalculateButton[b-cw1yzt40sb] {
	background-color: var(--ThemeButtonColor);
}
.ClearButton[b-cw1yzt40sb] {
	background-color: indianred;
}


.ListsTableContainer[b-cw1yzt40sb] {
	flex : 1;
	box-shadow: 0px 0px 5px 0px black;
	border-radius: 10px;
	margin: 5px;
	overflow : hidden;
}

table[b-cw1yzt40sb] {
	width: 100%;
	text-align: center;
}

th[b-cw1yzt40sb] {
	background-color: var(--ThemeBackgroundColor);
	color: white;
	padding: 5px;
}

td[b-cw1yzt40sb]{
	padding: 20px 0px;
}